Disabling a button does not remove ui-state-focus or ui-state-hover

Disabling a button does not remove ui-state-focus or ui-state-hover

Scenario
Clicking a button that disables itself after processing some logic, does not remove ui-state-focus or ui-state-hover.
 
  1. <script type="text/javascript">
  2.       $(document).ready(function () {
  3.             $(".editButton").button();
  4.       }
  5.       function removeButton_onclick() {
  6.             // Process something...
  7.             $('#removeButton').button("disable");
  8.       }
  9. </script>
  10. <button
  11.       id='removeButton'
  12.       class='editButton'
  13.       type="button"
  14.       onclick='removeButton_onclick();'>
  15.       Remove
  16. </button>
 
The above code does not completely remove the state and styling for the button. 
 
 
It then gets stuck in a hover state once re-enabled.  No amount of clicking or hovering will reset the button.
 
 
The above picture does not have the mouse pointer over it (Windows printscreen doesn't capture mouse pointer).
 
Workaround
Including the following code when disabling a button:
 
  1. $('#removeButton').removeClass('ui-state-focus');
  2. $('#removeButton').removeClass('ui-state-hover');
 
resolves the problem.
 
Target client platform: IE 8
JQuery UI: 1.8
 
Anthony
 
Update: JQuery UI: 1.8.2 has same problem.