title: jQuery's .serialize() doesn't do anything
body: <p>I've got a fairly simple form with some checkboxes, radiobuttons and selectboxes. I want to post all the selected form-data using jQuery's $.ajax. But for some reason the form just doesn't get serialized. I'm not sure what's causing this... (Sidenote: <code>$('#FormID').submit(..)</code> doesn't work either with me). So I've created a button with the following code:</p>
  
  <pre><code>$(document).ready(function() {
      $('#DoSearchRequest').click(function(event) {
          //event.preventDefault(); // read about this somewhere, doesn't help
          $('#res').html($('#FormSearch').serialize()); // just some &lt;p&gt; to output the result to
          $.ajax({
              url:        'http://www.domain.nl/ajax/GetResultsBySearchRequest.php',
              data:       $('#FormSearch').serialize(),
              type:       'POST',
              success:    function(result) {
                              console.log(result);
                          },
              error: function(a, b, c) { console.log(a); }
  
          });
  
          return false;
      });
  });
  </code></pre>
  
  <p>My button is outside the form (it doesn't matter if it's in the form either).</p>
  
  <p>My form:</p>
  
  <pre><code>&lt;form name="FormSearch" id="FormSearch" method="post"&gt;
  ... form elements
  &lt;/form&gt;
  </code></pre>
  
  <p>I'm using jQuery 1.7.1 and jQueryUI 1.8.18</p>