title: How to disable button or change value after form submit
body: <p>I have this code on my View</p>
  
  <pre><code>&lt;h2&gt;@ViewBag.FileContent&lt;/h2&gt;
  @using (Html.BeginForm("ShowWebSiteLinks", "Home"))
  {            
          &lt;label&gt;WebSite URL:&lt;/label&gt;            
          &lt;input type="text" id="ft" name="fturl" value="http://localhost/search/?sr=100" style="width:350px"&gt;&lt;br&gt;
  
          &lt;label&gt;Save to file:&lt;/label&gt;            
          &lt;input type="text" id="filename" name="links_filename" value="links.txt"  style="width:200px"&gt;&lt;br&gt;
          &lt;input id="btnSubmit" type="submit" value="Start" /&gt;                           
  }
  </code></pre>
  
  <p>After i click on submit button, controller call function fine, but submit button stays enabled. I want to prevent multiple clicks on button and want to disable it but not sure how. Ive tried with this javascript but it does not work.</p>
  
  <pre><code>$(document).ready(function () {
      $('btnSubmit').click(function (e) {
          $(this).attr('disabled', true);
      });
  });
  </code></pre>
  
  <p>Can someone help me with this?</p>