title: Form not submitting dynamically generated inputs (jQuery)
body: <p>Hello I'm trying to dynamically generate some inputs for my form, but it's not posting the new inputs generated, so far I've been searching around and the only thing I was able to find is to make the form a direct children of the body tag, and as in the design of my app thats not possible, so somebody might know what happens and how to solve it? And no, it doesn't work with <code>.live()</code>.</p>
  
  <pre><code>HTML
  
   &lt;form name="order" id="newOrder" action="../core/query.php" method="post"&gt;
          &lt;input type="text" value="Search" id="itemSearch" class="search"/&gt;
          &lt;input type="hidden" id="itemAdd"/&gt;
          &lt;button type="button" class="boton" id="additem"&gt;Add&lt;/button&gt; 
          &lt;br&gt;
          &lt;div id="items"&gt;&lt;/div&gt;
          &lt;br&gt;
          &lt;button type="submit" class="boton" &gt; Submit&lt;/button&gt;
          &lt;button type="reset" class="boton" style="float:right;"&gt; Cancel&lt;/button&gt;
          &lt;/div&gt;
      &lt;/form&gt;
  
  Javascript
  
    $('#additem').click(function(){
  if($('#itemAdd').val()){
      var rawr = $('&lt;div&gt;&lt;/div&gt;')
      .css('display','none')
      .html(  '&lt;br&gt;&lt;table&gt;&lt;td&gt;'
              +currItem.label+'&lt;/td&gt;&lt;td&gt; Size '
              +currItem.size+'&lt;/td&gt;&lt;td class="right"&gt;$'+currItem.price
              +'&lt;/td&gt;&lt;/table&gt; &lt;input type="hidden" name="contents[]" value="'
              +currItem.value+'"/&gt;');
      var mhm = currItem.price;
      rawr.appendTo('#items').toggle(500).click(function(){
          $(this).toggle(500,function(){
              $(this).remove();
          });
          $('#total').fadeOut("fast",function(){
              total = (parseFloat($(this).text())-parseFloat(mhm)).toFixed(2);
              $(this).text(total).fadeIn("fast");
          });
      });
      $('#total').fadeOut("fast",function(){
          total = (parseFloat($(this).text())+parseFloat(mhm)).toFixed(2);
          $(this).text(total).fadeIn("fast");
          currItem=null;
      });
     }
    });
  </code></pre>
  
  <p>So basically I use jQuery UI autocomplete with a remote JSON that when pressing the <code>#addItem</code> button creates a table with some text and a hidden input with an ID from a database, all get displayed correctly, but when submitting they are not posted nor serialized.</p>