Disabling submit button cancels submit event?
<p>On my client-side page I attach a listener to the submit button:</p>

<pre><code>$(function() {                                                                  
  $('button[type="submit"]').click(submitButtonClicked);                      
});                                                                             
</code></pre>

<p>and I'd like to disable the button and all other form input elements when the button is clicked:</p>

<pre><code>function submitButtonClicked(ev) {                                              
  if ($(this).hasClass('disabled')) {                                           
    return false; // Reject actions when disabled, preventDefault() and stopPropagation()                          
  }                                                                           
  $('form').find('input, select, textarea, button')                       
           .prop('disabled', true) // This call is the culprit?
           .blur();                                                       
  return true; // Submit form.
}                                                                               
</code></pre>

<p>The above function seems to swallow the event, and no form submit arrives at the server. However, if I remove the <code>prop('disabled', true)</code> then the form submits just fine, but also all form elements stay enabled and reactive.</p>

<p>Why is that? I assumed that returning <code>true</code> will cause the event <code>ev</code> to continue propagating, whether or not the button is being disabled.</p>