title: stop jQueryRotate plugin on mouseover on current position and continue on mouseout
body: <p>I am trying to stop a spinning wheel on the current position its in on mouse over using jQueryRotate plug in and continue animation rotating where it was stopped on mouse out,</p>
  
  <p>I can't seem to make it work with the stop method which works on my custom animations</p>
  
  <p>the code for the spinning wheel would be here on <a href="http://jsfiddle.net/73pXD/" rel="nofollow">jsfiddle</a></p>
  
  <pre><code>var angle = 0;
      setInterval(function(){
          angle+=3;
      $("#carwheel").rotate(angle,{ easing:'easeInOutElastic'});
  
      $("#carwheel")
      .mouseover(function () { $(this).stop(); })
      .mouseout(function () { $(this).resume(); })
  
      },100);
  </code></pre>