title: Link retains focus when clicking it, then moving the mouse off it. But loses focus when I mousedown link but then move mouseoff link and release mouse
body: <p><a href="http://jsfiddle.net/nicktheandroid/bD37R/2/" rel="nofollow">http://jsfiddle.net/nicktheandroid/bD37R/2/</a></p>
  
  <p>I'm trying to get rid of an element still having focus if the user mousedowns on a link, but then moves the mouse away from the link - while still holding down the mouse button, and releases the mouse button. To me, this means the user realized they didn't want to click the link, before they released the mouse button - so they didn't release the mouse button over the link, but instead moved the mouse away from the link, then released the mouse button.</p>
  
  <p>The element could be a link, or a div/span with active and focus styles, it works the same.</p>
  
  <p>In my example, if I click on one of the divs it acts as I would like it to, but then when I mouseout, it takes the focus away, which shouldn't happen. The focus should only be taken away if the user mousedowns on the link/div, but then drags the mouse off of the element and then releases the mouse button. But I want the element to keep the focus style if they click the element, then after clicking, hovering off of the element. That's my problem, if I click the element, then after clicking I move my mouse off the element, it loses focus. I know my jQuery isn't right, for some reason i'm having a hard time figuring out what the jQuery should look like.</p>
  
  <pre><code>$('div').mousedown(function(){
      $(this).mouseleave(function(){
          if ($(this).mousedown()) {
              $(this).blur()
          }
      })
  })
  </code></pre>