jQuery没有触发recaptcha的回调函数

Question

我读过其他帖子，但我无法弄明白。
我的HTML

<div class="g-recaptcha" data-sitekey="XXXXX" data-callback="recaptchaCallback"></div>

我的剧本：

$(document).ready(function () {
  var captchaCalled = false;

  function recaptchaCallback() {
    captchaCalled = true;
    alert("Called");
  }

  $("#contact_form").submit(function (e) {
    if (name === '' || email === '' || user_message === '' || captchaCalled === false) {
      $("#message_p1").css("display" , "block");
      $("#message_p1").text("All field are necessary");
      e.preventDefault();
    }
  });
});

我尝试将回调函数移出 $（文档）.ready（函数.... 它被调用但没有提交表单。