title: jquery animation does not animate
body: <p>i have some jquery code that will load the chatbox of my site every second (so if any new posts arrive they become visible)</p>
  
  <p>my code is here</p>
  
  <pre><code>function loadLog(){     
      $.ajax({
          url: "/log.html",
          cache: false,
          success: function(html){        
              $("#chatbox").html(html); //Insert chat log into the #chatbox div           
              if($("#chatbox").attr("scrollHeight") + 20 &gt; $("#chatbox").attr("scrollHeight") - 20){
                  $("#chatbox").animate({ scrollTop: newscrollHeight }, 'normal'); //Autoscroll to bottom of div
              }               
          },
      });
  }
  </code></pre>
  
  <p>everything works fine, except it is meant to autoscroll to the bottom of the chatbox so you see the newest posts, instead it just stays at the top.</p>
  
  <p>I am using the most recent version of jQuery</p>