title: Validating form using jQuery Form Validator on ajax post ()
body: <p>I am using form validator <a href="http://www.formvalidator.net/" rel="nofollow">plugin</a> to validate my forms.</p>
  
  <p>It is working properly if I am not submitting data using jQuery post method.
  On using jQuery post it is not validating the form on submit.</p>
  
  <p>My code is</p>
  
  <pre><code>&lt;form action="UpdatedProfile" method="post" name="updateprofile" id="UpdatedProfile" class="form-horizontal"&gt;
  &lt;div class=" form-group "&gt;
            &lt;div class="col-lg-2"&gt;
                  &lt;label&gt;First Name&lt;/label&gt;
            &lt;/div&gt;
            &lt;div class="col-lg-4"&gt;
                &lt;input type="text" name="fname" cssClass="form-control" data-validation="required" data-validation-error-msg="First Name is required"/&gt;
          &lt;/div&gt;
      &lt;/div&gt;
     &lt;/form&gt;
  
  &lt;script&gt;
              $(document).ready(function () {
                  $.validate();
                  $(document).on('click', '#submit', function (event) {
                      event.preventDefault();
                      console.log($('#UpdatedBasicProfile').serialize());
                      $.post("Updated", $('#UpdatedProfile').serialize(), function (data)
                     {....});
            });
           });
    &lt;/script&gt;
  </code></pre>
  
  <p>How to achieve this?</p>