Continuous animation problem even if hovered out
<p>I have a button that will fade a div upon hover.
If I hover in a button then hover out and repeat that procedure multiple times in quick succession then hover out, the div will go on animating when it should have stopped.
Please refer to the following snippet.</p>

<p><a href="http://jsfiddle.net/arvinboggs/uenEQ/9/" rel="nofollow">http://jsfiddle.net/arvinboggs/uenEQ/9/</a></p>

<p>Is there a way to correct this behavior?</p>

<p>Is there a way stop the animation on the final hover out?</p>
