title: Send jQuery $.data object through $.ajax GET
body: <p>I have a form with a pile of input fields. I want to make a ajax GET request with all of the fields! Easiest way so far looks like assigning the inputs to a data object:</p>
  
  <pre><code>$('#myForm').find('input').each(function(index){ 
      myData = $.data($('#myForm'), $(this).attr('name'), $j(this).val());
  });
  </code></pre>
  
  <p>...and then pump it through the ajax:</p>
  
  <pre><code>$.ajax({
      type:"GET",
      url: '/otherpage.php',
      data = myData,
      error(function(){}),
      success(function(){});
  });
  </code></pre>
  
  <p>But of course it doesn't work... no $_GET variables show up in the otherpage.php, and the console shows that <code>myData</code> is some huge object deal. </p>
  
  <p>How do you send data through ajax like this? Is there a better way? </p>