title: how to get animation automatically on loading the page
body: <p>i want to make images effect automatically when the page loads. Right now i am using this code 
  js</p>
  
  <pre><code>$(window).ready(function(){
  $(pin).click(function(){
    $("#pin01").show().animate({left: '650px'});
  })
  });
  </code></pre>
  
  <p>and html</p>
  
  <pre><code>&lt;p id="pin"&gt;Click me&lt;/p&gt;
  &lt;img src="mission.gif" id="pin01" style=" display:none;position:absolute;top:300px;left:300px" /&gt;
  </code></pre>
  
  <p>When i click the button animation occurs. How can i make it possible to do animation automatically after page load without any button?</p>