title: Scroll to error message of hidden field using jquery validate
body: <p>I have a form, i used jquery validate method to validate the form fields. The error message are showing properly. I have hidden fields in my form where i need to perform validations on hidden fields. I used <strong>ignore</strong> for validating hidden fields that to worked fine. But after displaying the error message the form is not scrolling to the error message of hidden field. For other fields(text type) that is working fine. Thanks in advance</p>
  
  <pre><code>&lt;input type="hidden" name="type_hidden_field" class="form-control" value &gt;
  $("#upload_data").validate({ 
    rule:{
         "type_hidden_field":
          {
              required:true,
          }
     },
    messages:{
       "type_hidden_field":{
        required:"error message",
        },
    },
   errorElement: 'span',
          errorClass: 'help-block',
          highlight: function(element) {
              $(element).closest('.form-group').addClass('has-error');
  
          },
          unhighlight: function(element) {
              $(element).closest('.form-group').removeClass('has-error');
          }
   });
  </code></pre>