title: $('html, body').stop().animate" not animating
body: <p>I am trying to animate my HTML page so it will scroll to a  tag, so I used this code</p>
  
  <pre><code>$(document).ready(function(){
     $('#button a').click(function( e ){
        e.preventDefault();
        var el = $( this.getAttribute('href') );
        var offs = el.offset();
        $('html, body').stop().animate({ scrollTop: offs.top-100 },500);    
     });   
  });
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;p id="button"&gt;&lt;a href="#moreInfo"&gt;More Info&lt;/a&gt;&lt;/p&gt;
  &lt;!--Some other elemts here--&gt;
  
  &lt;div id="moreInfo" style="text-align: center"&gt;
  </code></pre>
  
  <p>And it will actually scroll to the desired , but it doesn't do the animation, it will only scroll without any cool transition like it should.</p>
  
  <p>Thanks in advance.</p>