jQuery rotation function not firing.
<p>I have the following jQuery extension:</p>

<pre><code>(function ($) { //jQuery plugin extension

    jQuery.fn.rotate = function(degree, maxDegree) {
        this.css({ WebkitTransform: 'rotate(' + degree + 'deg)'});
        this.css({ '-moz-transform': 'rotate(' + degree + 'deg)'});

          // Animate rotation with a recursive call
        rotation = setInterval(function() { 
            if (degree &lt; (maxDegree/2)) { 
                $(this).rotate(++degree);
            } else {
                clearInterval(rotation);
            }
        },5);
    };
}(jQuery));
</code></pre>

<p>And I'm calling it like this:</p>

<pre><code>$('#test').live('mouseover',function() {
                $(this).rotate(0, 360);
            });
</code></pre>

<p>But it doesn't fire, here is a JSFiddle:
<a href="http://jsfiddle.net/neuroflux/8vZqr/" rel="nofollow">http://jsfiddle.net/neuroflux/8vZqr/</a></p>

<p>( Note, the fiddle won't run because of the <code>live()</code> )</p>
