jquery onmouseover function
<p>i need to rotate an image onmouseover function using Jquery</p>

<p><strong>file.js</strong></p>

<pre><code>$("#logo").rotate({
        bind:
         {
             mouseover: function () 
             {$(this).rotate({ animateTo: 180 })},
             mouseout: function () 
             {$(this).rotate({ animateTo: 0 })}
        }
 });
</code></pre>

<p><strong>HTML</strong></p>

<pre><code>&lt;script type="text/javascript" src="../script/file.js"&gt;&lt;/script&gt;
&lt;img id="logo" src="../images/logo.png" alt="none" /&gt; 
</code></pre>

<p>Is there anything wrong in this code? BTW, I found this code on the internet.
There is no function call as rotate() in JavaScript then how can it work? Please give any link so that I can understand.</p>

<p>Please ignore this question if it looks like a foolish thing to ask :)</p>
