title: Div moves across the screen instead of stopping at specified point
body: <p>I need to make the <code>div</code> move from its initial position to the new position using jQuery but once the div is interacted with, it scrolls across the entire page. I just want the div to move from point A to point B and stop at point B.</p>
  
  <pre><code>var main=function() {
  
  $('.sun').animate({
  
  left:'10px'
  
  },800);
  
  }
  
  $(document).ready(main);
  </code></pre>