title: How to make an image move in a circular path using jquery?
body: <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="https://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 noreferrer">http://jsfiddle.net/W69s6/embedded/result/</a></p>
  
  <p>Any Suggestion??</p>