title: Disabling a submit button when clicking on it , will prevent the form from being submitted on Google Chrome
body: <p>I have added the following script to my layout view, inside my asp.net mvc :-</p>
  
  <pre><code>$(document).ready(function () {
      $('.btn.btn-primary').click(function () {
          $(this).prop("disabled", true);
          if (!$('form').valid()) {
              $(this).prop("disabled", false);
              return false;
          }
      });
      $('form').change(function () {
          $('.btn.btn-primary').prop("disabled", false);
      });
  </code></pre>
  
  <p>The aim of my script is to disable the submit buttons , and re-enable them if the model is not valid or if the user change a form value. The above script will work well on IE &amp; Firefox, but on Chrome I am unable to submit the form , as when the user clicks on the submit button , the button will be disable but the form will not be submitted. Any idea how I can solve this issue on Chrome?</p>