title: .height() function showing wrong value when set to auto
body: <p>I have run into this problem when I am using <code>jquery.load</code> on a div (whose height is 0px and overflow:hidden) to load in content to that div then do a quick <code>jquery.css</code> to change it's height to auto and then use the <code>.height()</code> function to get the value of it's <code>auto</code> height so when I animate it, I know what value to animate to. The problem is <code>.height()</code> is returning 0  as a value the first time I run the function, but the second time it returns the correct value. here is the code that I am working with.</p>
  
  <pre><code>$('#adobe').click(function()
  {
      $('#info').animate(
      {
          height:'0px'
      },600,function()
      {
          $('#info').load('projects/adobe.html',animateHeight());
      });
  });
  
  function animateHeight()
  {
      console.log($('#info'));
      var temp = $('#info');
      var curHeight = temp.height();
      temp.css('height', 'auto');
      var autoHeight = temp.height();
      temp.css('height',curHeight);
      console.log(autoHeight);
      $('#info').animate(
      {
          height:autoHeight
      },600);
  
      $(window).scrollTo($('#info'),600,{axis:'y'});
  }
  </code></pre>