title: jquery: button mousedown state change
body: <p>OK this should be easy but I can't seem to get it to work.</p>
  
  <p>I have a button, when I click on it I want it to change state, but only for as long as the the button is being pressed, like any OS native button.</p>
  
  <p>So here is my code...</p>
  
  <pre><code>$('button').live('mousedown', function(){
  
      $(this).addClass('down');
  
  }).live('mouseup', function(){
      $(this).removeClass('down');
  });
  </code></pre>
  
  <p>Looks simple enough right... but this doesn't work.  When you click on it, the state does change... but it stays that way... the mouseup event only works the second time you click on it.</p>
  
  <p>This also happens with toggleClass and when I execute the code from the focus/blur event.</p>
  
  <p>What is going on here, and how can I make it work properly?</p>