title: how to disable multiple form buttons on form submit and still have correct action performed
body: <p>I have a form with multiple submit buttons.  I simply want to disable them once either is pressed, and everything works fine until I 'disable' them in the .submit() JQuery handler, in which case the form no longer appears to send the button name/value information along with the form.  How can I disable the buttons but still have the button name/value submitted so I can determine which one was pressed?</p>
  
  <p>The Form</p>
  
  <pre><code>&lt;form action="myaction" method="post" name="sendgift" id="sendgift" &gt; 
      ....input, etc ....       
      &lt;input type="submit" name="_action_go" value="Looks great! Do it" id="sendgiftbtn" /&gt;
      &lt;input type="submit" name="_action_index" value="I need to make changes" id="gobackbtn" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>The JS:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $("#sendgift").submit(function() {
  
         //if I remove these two lines, everything works
         $("#sendgiftbtn").attr('disabled', 'disabled');
         $("#gobackbtn").attr('disabled', 'disabled');
  
          console.log("disable buttons called");
          return true;
      });
  
  
  &lt;/script&gt;
  </code></pre>