title: Disable submit button ONLY after submit
body: <p>I have the following HTML and jquery:</p>
  
  <pre><code>&lt;html dir="ltr" lang="en"&gt;
  &lt;head&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;h2&gt;Test disabling submit button for 1 minute...&lt;/h2&gt;
  
  &lt;br/&gt;
  
  &lt;p style="text-align:center"&gt; 
  &lt;form id="yourFormId" name="yourFormId" method="post" action="#"&gt;
   &lt;input type="submit" class="submitBtn" value="I Accept"/&gt;
  &lt;/form&gt;
  &lt;/p&gt;
  
  
  
  
  &lt;!--script to disable the submit button --&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"&gt;  
  &lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  
  $(document).ready(function () {
      $(".submitBtn").click(function () {
          $(".submitBtn").attr("disabled", true);
          return true;
      });
  });
  
  &lt;/script&gt;
  &lt;!--script ends here--&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>As its stands the submit button gets disabled when pressed. However once pressed it does not seem perform the submit. If I removed the jquery to disable the button, the button then performs the submit normally.</p>
  
  <p>How can I disable the button only after it has performed the submit? the current jquery above seems to conflict with the submit operation.</p>
  
  <p>Any suggestions to resolve this issue would be extremely helpful.</p>