title: mobile safari links retains focus after touch
body: <p>My navigation is quite simple.  I have a hover state which adds a border and a transparent gradient png background to some text, and an additional class which, when added by jQuery, adds color behind that transparent image.</p>
  
  <p>If you click to toggle the class in a web browser you'll see the color come in and out, but the background image stays if you never move the mouse away from the button.  This is expected behavior.</p>
  
  <p>My problem is that when using an iPad, the touch seems to retain the hover state and the :hover properties never go away unless you click another button, in which case the persistent :hover properties are added to that button until another is pressed.</p>
  
  <p>I can't imagine that I am the first with this problem, but searches haven't turned anything up.</p>
  
  <p>Help? </p>
  
  <p><img src="https://i.stack.imgur.com/jOngU.png" alt="enter image description here"></p>
  
  <p>Normal - Hover - Active (via addClass() )</p>