title: jquery form validation ajaxSubmit()
body: <p>I am getting very frustrated with this jquery form validation ajaxSubmit();</p>
  
  <p>In chrome, it seems to fail silently without even hitting the submitHandler, firefox does, but still goes on to the action="contact.php" page. I was expecting it to just post in the background and possibly return results, but can't get it to work that way.</p>
  
  <p><strong>Edit: Found a fix for this if anyone else is interested, put this line of code somewhere in your dom ready.</strong> </p>
  
  <pre><code>// disable HTML5 native validation and let jquery handle it.
      $('form').attr('novalidate','novalidate');
  </code></pre>
  
  <p>HTML form:</p>
  
  <pre><code>&lt;form method="post" action="contact.php" id="contact"&gt;
      &lt;fieldset&gt;
          &lt;input type="text" id="email" class="required email" name="email"  maxlength="30" value="youremail @ example.com" /&gt;
          &lt;input type="text" id="subject" class="required" name="subject" maxlength="24" value="Enter your subject" /&gt;
          &lt;textarea id="msg" class="required textarea" name="msg" cols="30" rows="5"&gt;Reason for contact.&lt;/textarea&gt;
          &lt;input type="submit" class="formBtn" value="Punch me an Email" /&gt;
      &lt;/fieldset&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>JQuery:</p>
  
  <pre><code>$(window).load(function(){
      $('#contact').validate({
              rules:{
                  email:{required: true, email:true},
                  subject:{required: true, minlength: 5},
                  msg:{required: true, minlength: 50}
              },
              messages:{
                  email:'',
                  subject: '',
                  msg: ''
              },
              invalidHandler:function(){
                  $('div.error').hide();
              },
              focusInvalid:true,
              onfocusout:false,
              submitHandler: function() {
                 // never hits with chrome, and alert works in FF4, 
                 // but still goes to contact.php
                 $('#contact').ajaxSubmit();
             }
          });
  });
  </code></pre>