title: Move image from one side of screen to the other
body: <p>I am trying to move an image from one side of the screen to the other. I found this post that explains it - <a href="https://stackoverflow.com/questions/12712592/how-to-make-a-small-image-move-from-one-side-of-the-screen-to-the-other-with-js">How to make a small image move from one side of the screen to the other with js or jquery?</a>. However I cannot get it to work. My image sits on the screen and then disappears. It does not go across the screen. I am following the example so I don't know why it does not act the same.</p>
  
  <pre><code>&lt;div&gt; 
      &lt;img id="animate" src="myImage.png" /&gt;
  &lt;/div&gt;
  @section scripts
  {
  &lt;script&gt;
    $(document).ready(function(e) {
      var width = "+=" + $(document).width();
      $("#animate").animate({
          left: width
      }, 5000, function() {
          $("#animate").css("display", "none");
      });
  });
  &lt;/script&gt;
  }
  </code></pre>