javascript - 動的に作成された要素が送信時に表示されない

Question

うまく機能する要素を動的に作成するコードがあります。しかし、私のページには2つのフォームがあります.1つは画像をロードし、もう1つは次のように並べられたデータを入力する

<form name=image>
</form>

<form name=data>
    <div id="p_scents">
        JavaScript elements are inserted here
    </div>
</form>

画像フォームがあり、フォームを送信すると、JavaScript で作成された要素は送信されず、_POST に表示されません。

しかし、画像フォームがなければ、これらの JavaScript で作成された要素は _POST に表示されます

何か理由は？

以下のコードを参照してください...

<table border=1 cellpadding="1" cellspacing="0"  width=80%>
    <tr>
        <td>
            Select image for new banner
        </td>
        <td>
            <form method="post" action="/index.php/dashboard/create/" enctype="multipart/form-data" name=LoadImage>
                <input type="file" name="image"/>
                <input type="submit" value="upload"/>
            </form>
        </td>
    </tr>
    <tr><td colspan=2 align=center>

            <form action="index.php/create" method="post" accept-charset="utf-8" name="CreateBanner">
                <a href="#" id="addScnt">Add Another Input Box</a>
        </td>
    </tr>
    <tr><td>
            Give your banner a unique name</td>
        <td>
            <input type="text" name="name" value="" id="name" autofocus /></td></tr>
    <tr><td>Specify email address or domain to brand</td>
        <td>
            <input type="text" name="domainName" value="" id="domain" /></td></tr>
    <tr><td>Status</td>
        <td>
            <select name="status">
                <option value="enabled">Enabled</option>
                <option value="disabled">Disabled</option>
            </select>                                                
    </td></tr>
    <tr><td>Give you banner a default URL</td>
        <td>
            <input type="text" name="url" value="" id="url" /></td></tr>
    <tr><td valign=top>Alternate Urls
        </td>
        <td>
            <div id="p_scents">
            </div>

            <input type=submit>
            </form>                     
        </td>
    </tr>


</table>