Fix for mouseout "losing" button state in JQuery buttons from http://www.filamentgroup.com/lab/styling_buttons_and_toolbars_with_the_jquery_ui_css_framework/

gistfile1.js

<script type="text/javascript">
  $(function() {
    //all hover and click logic for buttons
    $(".fg-button:not(.ui-state-disabled)").hover(
      function() { 
        $(this).addClass("ui-state-hover");
        if ($(this).data('__mousedown')) {
          if($(this).is('.ui-state-active.fg-button-toggleable, .fg-buttonset-multi .ui-state-active'))
            $(this).removeClass("ui-state-active"); 
          else
            $(this).addClass("ui-state-active");
        } 
      }, 
      function() { $(this).removeClass("ui-state-hover"); })
    .mousedown(
      function() {
        $(this).data('__mousedown', true);
        $(this).parents('.fg-buttonset-single:first').find(".fg-button.ui-state-active").removeClass("ui-state-active");
        if($(this).is('.ui-state-active.fg-button-toggleable, .fg-buttonset-multi .ui-state-active'))
          $(this).removeClass("ui-state-active"); 
        else
          $(this).addClass("ui-state-active"); 
      })
    .mouseup(
      function() {
        $(this).data('__mousedown', false);
        if(!$(this).is('.fg-button-toggleable, .fg-buttonset-single .fg-button, .fg-buttonset-multi .fg-button'))
          $(this).removeClass("ui-state-active");
      })
    .mouseout(
      function() {
        if(!$(this).is('.fg-button-toggleable, .fg-buttonset-single .fg-button, .fg-buttonset-multi .fg-button'))
          $(this).removeClass("ui-state-active");
      })
    .click(
      function() {
        alert('clicked');
    });
  });
</script>