jquery creating events when mouseenter and mouseleave
<p>I am trying to rock a simple image back and forth on a mouseover using jquery.
The image id is "img".</p>

<pre><code>   $(document).ready(function () {
        $("#img").bind('mouseenter', function () {
            $('#img').rotate(43);  
        });
        $("img").bind('mouseleave', function () {
            $('#img').rotate(-43);              
        });
    });
</code></pre>

<p>When I do this the first rotate works but the second does not. Why is this? I can use the second by itself and it works as expected too. I just can't get both to work together. Iam using a library to rotate. If I sub alerts for the rotate I still can't the second to work.
Any suggestions?
TIA 
John</p>
