title: jQuery validate with AJAX in submitHandler, submits on second click?
body: <p>I'm new to AJAX and used the code from this SO answer here <a href="https://stackoverflow.com/questions/5004233/capture-all-of-the-forms-data-and-submit-it-to-a-php-script-jquery-ajax-post">jQuery Ajax POST example with PHP</a> to integrate with a form on a WordPress site. It works just fine, but i'm having trouble integrating it with jquery validation</p>
  
  <p>I tried placing the javascript from the page above into the <code>submitHandler</code> function below</p>
  
  <pre><code>$("#my-form").validate({
    submitHandler: function(form) {
      **js from other page**
    }
  });
  </code></pre>
  
  <p>My form validates on the first click. Then if i type into the input and submit nothing happens, I have to click a second time for the form to submit properly with AJAX. Below is a jsfiddle. Any help is appreciated thanks.</p>
  
  <p>A <a href="http://jsfiddle.net/hkWjV/" rel="nofollow noreferrer">jsfiddle</a> of my code thought it'll log an error to console since form.php isn't linked</p>