How to make an image move in a circular path using jquery?
<p>Here i am trying to make an image move in a circular path but it is not moving in a circular path..I have tried like this <a href="http://stackoverflow.com/questions/5915622/moving-a-picture-around-slowly">Moving a picture around slowly</a></p>

<p>CSS</p>

<pre><code>#friends { position: absolute; }
</code></pre>

<p>Markup</p>

<pre><code>&lt;img src="http://jsfiddle.net/img/logo.png" 
id="friends"/&gt;
</code></pre>

<p>JS</p>

<pre><code>function moveit() {

    var newTop = Math.floor(Math.random()*350);
    var newLeft = Math.floor(Math.random()*1024);
    var newDuration = Math.floor(Math.random()*5000);

    $('#friends').animate({
      top: newTop,
      left: newLeft,
      }, newDuration, function() {
        moveit();
      });

}

$(document).ready(function() {
    moveit();
});
</code></pre>

<p>Live demo: <a href="http://jsfiddle.net/W69s6/embedded/result/" rel="nofollow">http://jsfiddle.net/W69s6/embedded/result/</a></p>

<p>Any Suggestion??</p>
