title: Jquery form serialization fails
body: <p>i'm trying to serialize a form by the id but it won't serialize and send the data.</p>
  
  <p>code attached below.</p>
  
  <pre><code>    &lt;script type="text/javascript"&gt;
  &lt;!--
  $(function() {
  
   if($('#selectProductDialog').length == 0)
   {
    $('#page-content').after('&lt;div id="selectProductDialog"&gt;&lt;/div&gt;');
    $('#selectProductDialog').hide();
   }
  
   $("#ViewProduct").click(function(){
    $.post("products/view", "ProductID="+$(this).val(), function(data){
     $("#page-content").html(data);
    });
    return false;
   });
  
   $('#AddProductLine').click(function() {
    $.post("order/getitem", null, function(data){
     $("#selectProductDialog").html(data);
    });
    $("#selectProductDialog").dialog({ autoOpen: true, 
             hide: 'slide',
             show: 'slide', 
             title: 'Selected Product',
             close: function(event, ui) 
             { 
              $("#selectProductDialog").empty();
             }});
    return false;
   });
  
   $('#addItemDialogButton').live('click', function(event) {
    $.post("order/getitem", "ProductCode="+$("#ItemCode").val(), function(data){
     $("#selectProductDialog").html(data);
    });
    return false;
   });
  
   $('.selectProductID').live('click', function(event) {
    $.post("order/getitem", "ProductID="+$(this).val(), function(data){
     $("#orderItems tbody").append(data);
    });
    return false;
   });
  
  
   $('a.delete').live('click', function(event) {
    $(this).parent().parent().remove();
    return false;
  
   });
  
   $("#DueDate").datepicker({ altFormat: 'yy-mm-dd', dateFormat: 'dd-mm-yy', minDate: new Date() });
  
   $("#SaveNewOrderButton").click(function() {
    $.post("order/newin", $("#NewOrderForm").serialize(), function(data){
     $("#page-content").html(data);
    });
    return false;
  
   });
  
  });
  
  //--&gt;
  &lt;/script&gt;
  
  &lt;div class="container_12"&gt;
   &lt;div class="grid_12"&gt;
    &lt;div class="box-header"&gt;New Inbound Order
     &lt;span class="fr"&gt;
      &lt;button id="SaveNewOrderButton" class="button small"&gt;save&lt;/button&gt;
     &lt;/span&gt;
    &lt;/div&gt;
  
          &lt;div class="box"&gt;
           &lt;form id="NewOrderForm"&gt;
            &lt;div class="container_12"&gt;
       &lt;div class="grid_6"&gt;
              &lt;div class="box-header"&gt;To:&lt;/div&gt;
              &lt;div class="box"&gt;
               &lt;textarea id="ToAddress" rows="5" cols="50"&gt;&lt;/textarea&gt;
              &lt;/div&gt;
             &lt;/div&gt;
  
             &lt;div class="grid_6"&gt;
              &lt;div class="box-header"&gt;&lt;/div&gt;
              &lt;div class="box"&gt;
               &lt;div class="row"&gt;Customer Account: &lt;select id="CustomerAccount"&gt;&lt;option value="1"&gt;chemists&lt;/option&gt;&lt;/select&gt;&lt;/div&gt;
               &lt;div class="row"&gt;Order ID: &lt;/div&gt;
               &lt;div class="row"&gt;Date: &lt;?= date("d-m-Y");?&gt;&lt;/div&gt;
               &lt;div class="row"&gt;Due Date: &lt;input type="text" id="DueDate"&gt;&lt;/div&gt;
               &lt;div class="row"&gt;Customer Order Reference: &lt;input type="text" id="COReference"&gt;&lt;/div&gt;
              &lt;/div&gt;
             &lt;/div&gt;
            &lt;/div&gt;
            &lt;br class="cl" /&gt;
  
  
            &lt;div class="box-header"&gt;Order Items
  
            &lt;span class="fr"&gt;
             &lt;button id="AddProductLine" class="button small"&gt;add&lt;/button&gt;
            &lt;/span&gt;
  
            &lt;/div&gt;
  
            &lt;div class="box table"&gt;
             &lt;table id="orderItems"&gt;
             &lt;thead&gt;
             &lt;tr&gt;&lt;td width="15%"&gt;Product Code&lt;/td&gt;&lt;td width="50%"&gt;Product Name&lt;/td&gt;&lt;td width="15%"&gt;Qty&lt;/td&gt;&lt;td width="15%"&gt;Location (pallet) - Quantity&lt;/td&gt;&lt;td width="5%"&gt;remove&lt;/td&gt;&lt;/tr&gt;
             &lt;/thead&gt;
             &lt;tbody&gt;
  
             &lt;/tbody&gt;
             &lt;/table&gt;
            &lt;/div&gt;
           &lt;/form&gt;
     &lt;/div&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  &lt;br class="cl" /&gt;
  </code></pre>
  
  <p>within tbody
  i have a dialog box that fills the table with the following row</p>
  
  <pre><code>&lt;tr class="Item"&gt;&lt;td&gt;&lt;input type="hidden" id="Pcode[]" value="2"&gt;TW-TT-8423&lt;/td&gt;&lt;td&gt;Something Big - Real Big - Item A&lt;/td&gt;&lt;td&gt;&lt;input type="text" id="Qty[]"&gt;&lt;/td&gt;&lt;td&gt;&lt;select id="Location[]"&gt; &lt;option value="1"&gt;AA3 - 20&lt;/option&gt;
  &lt;option value="3"&gt;BA3 - 16&lt;/option&gt;
  &lt;option value="8"&gt;AA1 (3) - 1032&lt;/option&gt;
  &lt;/select&gt;&lt;/td&gt;&lt;td&gt;&lt;a href="#" class="delete"&gt;X&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
  </code></pre>