title: JQuery UI button with hover/background
body: <p>I got a JQuery UI button with an icon (locked) and I want it to switch to unlocked when I hover, I am pretty sure it's quite simple but after searching on Google I've found no doc/example about that. Here is my code</p>
  
  <blockquote>
    <p>$("#frmClients button.btnConnexion").button({
                icons: {
                    primary: 'ui-icon-locked'
                },
                text: true
      }); </p>
  </blockquote>
  
  <p>And here  the documentation page of the UI <a href="http://jqueryui.com/demos/button" rel="nofollow noreferrer">http://jqueryui.com/demos/button</a></p>