title: Proper way of using buttons ? (firefox bug)
body: <p>I was wondering what is the proper way of using bootstrap's buttons. </p>
  
  <p>What i'm trying to do is simple ajax-based form. When user fills it and clicks "Send" button, i want this button to be 'bootstrap-clicked' (i mean the clicked state from bootstrap's examples). Then, if form is send properly, i want an AJAX response which will return the button to it's normal unclicked state. So, here is my code:</p>
  
  <p><strong>The form:</strong></p>
  
  <pre><code>&lt;input type="submit" id="button" class="btn" data-loading-text="Loading..." value="Send"/&gt;
  </code></pre>
  
  <p><strong>The javascript:</strong></p>
  
  <pre><code>$('#button').bind('click', function(){
    $(this).button('loading');
  })
  </code></pre>
  
  <p><strong>The AJAX response:</strong></p>
  
  <pre><code>$('#button').reset();
  </code></pre>
  
  <p>And now, in Chrome everything works as it should. However, when i'm running this in Firefox i can see a really strange bug. When i click on this button, it dissapears for the moment when the mouse button is down. When i'll lose the mouse button, the bootstraps button shows again. In addition, This dissapearing thing is the only action that occurs, my JS code responsible for fireing ajax response is not working. The only chance to make it works is to double click so fast that the second click occurs before button dissapears but i think it's obvious that it can't work like that ;)</p>
  
  <p>Have you any ideas what am i doing wrong? Thanks in advance!</p>