title: JQuery Ajax post data not arriving
body: <p>my Ajax post data is not arriving - any clues please.</p>
  
  <p>The data is a serilaized form that "alerts" correctly with all the data using this </p>
  
  <pre><code> $(document).ready(function() {
   var serial = $('#frm_basket').serialize();
   alert(serial);
   $.ajax({
   url: "basket-calc.php",
   type: "post",
   data: serial,
   success: function(){
    ("#basketTotal").load('basket-calc.php');
    }
    });
  });
  </code></pre>
  
  <p>The alert gives me a string like product=p1&amp;qty=1&amp;product=p2&amp;qty=2 </p>
  
  <p>But when I try to php echo out the results on basket-calc.php I get an "empty" array</p>
  
  <p>basket-calc.php:</p>
  
  <pre><code>    $test = $_POST;
  print_r($test);
  </code></pre>