title: Make div to fadeIn() from a specific position
body: <p>I have written the below code to move a div to left by 250px and then fadeOut. After it fadeOut on 250px I want it to again fadeIn from it's original position e.g 0px and move left by 250px and then fadeOut. I am working on a single div as an example but basically, I have more than one div e.g. maybe 5 div and I want them to move from left to right and disappear. Then again fadeIn from the original position.</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;script src=&quot;//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js&quot;&gt;
  &lt;/script&gt;
  &lt;script&gt; 
  $(document).ready(function(){
   setInterval(callMe,100);
  });
  
  function callMe(){
   $(&quot;div&quot;).animate({left:'250px'});
   $(&quot;div&quot;).fadeOut();
  }
  &lt;/script&gt; 
  &lt;/head&gt;
   
  &lt;body&gt;
  &lt;button&gt;Start Animation&lt;/button&gt;
  &lt;br/&gt;&lt;br/&gt;
  &lt;div style=&quot;background:#98bf21;height:100px;width:100px;position:absolute;&quot;&gt;
  &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>