Add UI state change in jQuery UI (I used this for buttons)

jQueryUI_addUiState.js

$.fn.addUiState = function() {
   $(this).hover(function() {
      $(this).addClass("ui-state-hover");
   }, function() {
      $(this).removeClass("ui-state-hover");
   }).mousedown(function() {
      $(this).addClass("ui-state-active");
   }).mouseup(function() {
      $(this).removeClass("ui-state-active");
   });
}