title: Clear a stuck :hover psuedoclass
body: <p>Because of a webkit bug (I think) there is a situation where I have a stuck <code>:hover</code> psuedoclass. You can see this here: <a href="http://jsfiddle.net/zFk2V/3/" rel="nofollow noreferrer">http://jsfiddle.net/zFk2V/3/</a></p>
  
  <p>After a drag-and-drop, the previous element stays in <code>:hover</code> state in Chrome.
  The hover state clears if you hover and mouse away on the stuck item.</p>
  
  <p>I think it should be possible to clear the hover state of elements using event triggering, DOM reflow triggering, or some other shenaniganary.</p>
  
  <p>I have tried: </p>
  
  <pre><code>$('[draggable]').trigger('mouseenter')
  $('[draggable]').trigger('mousemove')
  $('[draggable]').trigger('mouseout')
  $('[draggable]').trigger('mouseleave')
  $('[draggable]').trigger('blur')
  $('[draggable]').trigger('hover')
  
  $('[draggable]').toggleClass('selected')
  $('[draggable]').toggleClass('selected') // twice to reset to original
  
  $('[draggable]').height(true) // should trigger a DOM reflow
  </code></pre>
  
  <p>...and different combinations of all of these, with no success</p>
  
  <p>I even tried this, which I was sure would work even though unacceptable:</p>
  
  <pre><code>$('[draggable]').hide()
  setTimeout(function(){
    $('[draggable]').show()
  }, 10)
  </code></pre>
  
  <p>This does not work, either. :(</p>
  
  <p>In all cases, the <code>:hover</code> state persists. You can verify this if the chrome inspector and by the visual effect.</p>
  
  <p>I'd love to know if there's a bug filed for this, or if anyone else has heard of it. All I've found is <a href="https://stackoverflow.com/questions/17946886/hover-sticks-to-element-on-drag-and-drop">this other question</a> talking about it, and that answer is a sledgehammer.</p>