jquery reset the css value of an animation?
<p>I have a created a snippet of code that basically animates an h2 onto an image on hover and then off the right on hover off, so i've initially set the h2 to be left: -200px off the page on load, then on hover to animate to left: 10px inside the .image and then on hover off to animate to left: 500px to zoom off. Now when I hover the image again the h2 is being animated in from the right, how can I reset the h2 to be -200px as soon as the hover off has happened or can you suggest a better way for me to achieve this effect?</p>

<p>My attempt can be found here <a href="http://jsfiddle.net/kyllle/GPve7/" rel="nofollow">http://jsfiddle.net/kyllle/GPve7/</a> </p>

<p>Thanks</p>
