title: Using ReCaptcha with jQuery Validate, giving correct response but gives error
body: <p>I'm using jQuery validate with a registration form for my website with a reCaptcha at the bottom. Here is the script to check the form for errors (edited to only the relevant parts):</p>
  
  <pre class="lang-js prettyprint-override"><code>$(document).ready(function() { 
    jQuery.validator.addMethod("checkCaptcha", function() {
      var phpquery = $.ajax({url:"verify.php",
        type: "POST",
        async: false,
        data:{recaptcha_challenge_field:Recaptcha.get_challenge(),recaptcha_response_field:Recaptcha.get_response()},
        success:function(resp) {
          if (resp == 'false') {
            console.dir(resp);
            return false;
          } else {
            console.dir(resp);
            return true;
          }
        }
      });
    },"");
  
    $('#regForm').validate({
      rules:{
        recaptcha_response_field:{required:true,checkCaptcha:true}
      },
      messages:{
        recaptcha_response_field:{checkCaptcha:"Your Captcha response was incorrect. Please try again."}
      }
    });
  });
  </code></pre>
  
  <p>What happens is when I enter the correct reCaptcha response and either click submit or tab out of the response text field, it will initially say <code>true</code> in the console, then immediately throw <code>false</code> and prevent me from submitting the form.</p>
  
  <p>What also happens is when the incorrect reCaptcha response is entered, it will throw <code>false</code> like it's supposed to but for every letter I type in, it will submit that to <code>verify.php</code> and return <code>false</code>. When I finally get done typing in the correct reCaptcha, it doesn't recognize it as such and still returns <code>false</code>. </p>
  
  <p>Reloading the reCaptcha also throws a <code>false</code>, even when the correct response is entered. </p>
  
  <p>I know the <code>verify.php</code> works correctly, because when the <code>&lt;form&gt;</code> would have <code>action="verify.php,"</code> everything would work perfectly (i.e., tell you if you entered the correct reCaptcha, regardless of how many times you tried). </p>
  
  <p>Am I missing something? Is there an easier, reliable way to do this?</p>