title: jQuery UI buttonset colour doesn't clear out after de-selecting
body: <p>I'm sure I'm not the only person asking this question. When you have a jQuery UI implementation, and you use the <code>.buttonset();</code> command to turn a set of checkboxes into a button-set (multi selectable), I'm having trouble when a user de-selects an item after selecting it. </p>
  
  <p>So let's say on hover, it turns into a certain colour (based on the settings of the jQueryUI theme I downloaded), and after clicking, it turns into the active state colour. When I click the same item again, and move the mouse away, it remains the hover colour, causing confusion as to whether the item is deselected or not. </p>
  
  <p>And this only happens on Firefox only - seems to work fine on Chrome &amp; Safari. </p>
  
  <p>Here's a demo link: <a href="http://www.tylervolker.com/mls-search" rel="nofollow">http://www.tylervolker.com/mls-search</a></p>
  
  <p>I tried to force a blur() event to these items but no dice it seems. </p>
  
  <pre><code>$('.label').click(function(){
      $(this).blur();
  });
  </code></pre>
  
  <p>What am I missing? Or is this just a Firefox thing I need to live with until either jQueryUI updates their code, or Firefox appends this? </p>