jQuery new added inputs are not submitted
<p>I have a lot of PHP generated input fields. Once I add new fields with jQuery they are not submitted if they are empty. However the static ones are sent even if they are empty.</p>

<p>How should I fix that ?</p>

<p><strong>CODE:</strong></p>

<pre><code>&lt;form id="sendform" action="pdf.php" method="post"&gt;
&lt;input type="text" name="to1" /&gt;
&lt;input type="text" name="to2" /&gt;
&lt;input type="text" name="to3" /&gt;
&lt;input type="submit" value="send" /&gt;
&lt;/form&gt;
</code></pre>

<p>Now jQuery part is:</p>

<pre><code>var clone = $('input[name="to2"]').clone();
$(clone).attr('name', 'to4');
$('#sendform').append(clone);
</code></pre>

<p><strong>Screenshots:</strong>
<img src="http://i.stack.imgur.com/gNLfw.png" alt="This is what I see through DOM inspector">
<img src="http://i.stack.imgur.com/HzC6h.png" alt="This is what I see in the headers when submitted"></p>

<p>You can see that there's Note1, Note2, Note3, Note4. I have added Note2 dynamically. You can see from the screenshot that it is in the dom, however it is not sent(yes, there's data inputted).</p>

<p><strong>SOLUTION</strong>
In conclusion the problem was in <strong></strong> element placed inside the table(<code>&lt;table&gt;&lt;form&gt;</code>). When <strong></strong> became parent of a table(<code>&lt;form&gt;&lt;table&gt;</code>) - everything works fine.</p>
