title: Start jquery animation again after it completes
body: <p>I am new to JQuery and currently not in a position to solve this issue. I have created a small piece of animation on clicking a link. However, the animation won't replay, when I click the link again. I need to refresh the page in-order to make it work.</p>
  
  <p>Here is the full code..  I am trying to make a series of animation when someone clicks.</p>
  
  <p>Here is the updated code</p>
  
  <pre><code>$(document).ready(function(){
     $("#start").one('click',function(){
        $("#mailer").animate({left:'300px',top:'55px'}, 2000);
        $("#ms-server1").delay(2000).fadeIn();
        $("#mail").delay(2000).animate({left:'800px',top:'200px'}, 2000);
        $("#mail1").delay(2000).animate({left:'550px',top:'240px'}, 2000);
        $("#man-opn").delay(6000).fadeIn();
        $("#woman-opn").delay(4000).fadeIn();
        $("#opnstat1").delay(6500).fadeIn();
        $("#opnstat2").delay(4500).fadeIn();
        $("#lnk").delay(8500).fadeIn();
        $("#click-info").delay(9000).animate({left:'300px',top:'60px'}, 5000);
        $("#clickstat1").delay(11500).fadeIn(function(){
           $("#ms-server1").hide();
        });
     });
  });
  </code></pre>
  
  <p>I would like to have the entire animation/function to be replayed, when someone clicks the link id #start again..</p>
  
  <p>Sorry for the previous unfinished code
  Any help is much appreciated.. thanks again</p>
  
  <p><a href="http://jsfiddle.net/gopakumar/tgz5y/1/" rel="nofollow">http://jsfiddle.net/gopakumar/tgz5y/1/</a></p>