title: how to add required rules for reCaptcha?
body: <p>currently my codes are working ok but i wish to make reCaptcha field and required field for used but no sure how to achieve it, here is the js part of my code. </p>
  
  <pre><code>$(function() {  
  $("#form").validate({    
      rules: {
          name: "required",
          phone: {
          required: true,
          digits: true,
          minlength: 10,
          maxlength: 14
          },
          email: {
              required: true,
              email: true
          },
          address: "required"
      },        
      messages: {
          name: "Enter your full name",
          phone: {
          required: "Phone number is required",
          digits: "This is not a numeric value",
          minlength: "Number is too short",
          maxlength: "Number is too long"
          },
          email: "Please enter a valid email address",
          address: "Address is required"
      },              
        submitHandler: function(form) {
          form.submit();
      }
  });
  </code></pre>
  
  <p>});</p>
  
  <p>and this is the recaptcha div</p>
  
  <pre><code>&lt;div class="g-recaptcha" data-sitekey="--Site-Key--"&gt;
  </code></pre>
  
  <p>how can i make this field required anyone?</p>