title: jquery animate() not working in chrome and firefox
body: <p>The following jQuery animate function is not working in chrome and Firefox any idea why? It works in Safari perfectly.</p>
  
  <pre><code>   &lt;!doctype html&gt;
     &lt;html lang="en" ng-app="myApp"&gt;
     &lt;head&gt;
     &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"&gt;&lt;/script&gt;
     &lt;/head&gt;
  
    &lt;body&gt;
    &lt;header&gt;
  
     &lt;div class="logoDiv"&gt;&lt;img class="logoIcon" src="KM&amp;T-world.png"&gt;&lt;/div&gt;
     &lt;div&gt;&lt;img class="iphone"  id="iphoneRight" class="slideLeft" src=""&gt;&lt;/img&gt;&lt;/div&gt;
     &lt;h1 class="logoTagLine"&gt;&lt;/h1&gt;
     &lt;p class="headerPara"&gt;&lt;/p&gt;
     &lt;h1 class="mainTag"&gt;&lt;/h1&gt;
     &lt;h2 class="secTag"&gt;&lt;/h2&gt;
  
     &lt;/header&gt;
     &lt;div class="heart"&gt;&lt;img class="heartIcon" src="Heart-ECG.png"&gt;&lt;/img&gt;&lt;/div&gt;
     &lt;div class="row"  class="test"&gt;
  
     &lt;div class="col-xs-6 col-md-4"&gt;&lt;img class="test" src="globe2.png"&gt;&lt;/div&gt;
     &lt;div class="intoPara"&gt;&lt;/div&gt;
     &lt;div class="col-xs-6 col-md-4"&gt;&lt;/div&gt;
     &lt;/div&gt;
  
     &lt;script&gt;
  
     $(function() {
          $('.iphone').animate({right:300}, 1200);
          $('.test').animate({bottom: 200}, 1200);
      });
     &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Above is the full code.</p>