title: rotating an image continuously
body: <p>I want to put rotating logo in my website. I mean it should be continuously rotating.  I have tried doing like this with jquery.
  please have a look and suggest me where i am going wrong. Why this code is not working. Please help me</p>
  
  <pre><code>var rotation = function (){
     $("#img").rotate({
        angle:0, 
        animateTo:360, 
        callback: rotation,
        easing: function (x,t,b,c,d){        // t: current time, b: begInnIng value, c: change In value, d: duration
            return c*(t/d)+b;
        }
     });
  }
  rotation();
  </code></pre>
  
  <p>I have used this code in my html like this</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
  &lt;script type="text/javascript" src="jquery-1.4.4.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="jquery.easing.1.3.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  var rotation = function (){
     $("#img").rotate({
        angle:0, 
        animateTo:360, 
        callback: rotation,
        easing: function (x,t,b,c,d){        // t: current time, b: begInnIng value, c: change In value, d: duration
            return c*(t/d)+b;
        }
     });
  }
  rotation();
  
  &lt;/script&gt;
  
  
  &lt;title&gt;Untitled Document&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
  
  &lt;img src="LMIH_LOGO.png" width="174" height="322" name="img" id="img" /&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Its not working. Please anybody help me in this</p>