title: jQuery new added inputs are not submitted
body: <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="https://i.stack.imgur.com/gNLfw.png" alt="This is what I see through DOM inspector">
  <img src="https://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>