title: Jquery handling submit button's click event without disrupting form post
body: <p>I have a submit button and the following code that does something once its clicked:</p>
  
  <pre><code>&lt;input name="Update" class="LongSubmit" id="Update" type="submit" WaitingValue="Updating..." value="Update"/&gt;
  
          $('.LongSubmit').click(function() {
              $(this).attr('disabled', 'disabled');
              $(this).addClass('AjaxInProgress');
              $(this).val($('.LongSubmit').attr('WaitingValue'));
              $(this).closest('form').submit(); // Added so it submits the form
          })
  </code></pre>
  
  <p>I found that when I added this handler without the commented line the form didn't get submitted, so I added it in and now the form does get submitted.</p>
  
  <p>However, if I click a submit button to click a form normally in the post there is the key <code>Update</code>, however when I do it programmatically within the click handler that key isn't there.</p>
  
  <p><strong>How do I handle a submit button's click event without effecting the form's POST at all (i.e. having the <code>update</code> key there)?<br>
  (Or how can i emulate it exactly as if the handler wasn't there?)</strong></p>
  
  <hr>
  
  <p>As Zefiryn has pointed out, it's because of disable the button, however I do want to do this to prevent multiple clicks.</p>