title: jQuery Validation plugin results in empty AJAX POST
body: <p>I have tried to solve this issue for at couple of days with no luck. I have a form, where I use the validation plugin, and when I try to submit it, it submits empty vars. Now, if I remove the validation, everything works fine. Here is my implementation:</p>
  
  <pre><code>$(document).ready(function(){
  
   $("#myForm").validate({
    rules: {
      field1: {
        required: true,
        minlength: 5
      },
      field2: {
        required: true,
        minlength: 10
      }
    },
    messages: {
      field1: "this is required",
      field2: "this is required",
    },
    errorLabelContainer: $("#validate_msg"),
    invalidHandler: function(e, validator) {
      var errors = validator.numberOfInvalids();
      if (errors) {
          $("#validate_div").show();
      }
    },
    onkeyup: false,
    success: false,
    submitHandler: function(form) { doAjaxPost(form); }
   });
  });
  
  function doAjaxPost(form) {
    // do some stuff
    $(form).ajaxSubmit();
    return false;
  }
  </code></pre>
  
  <p>As I wrote this does not work when I have my validation, BUT if I remove that, and just add an</p>
  
  <pre><code>onsubmit="doAjaxPost(this.form); return false";
  </code></pre>
  
  <p>to my HTML form, it works - any clue???</p>