Issue getting the height of an element
<p>I'm trying to get the height of an element with jQuery, but for some reason it always returns <code>0</code>.</p>

<p>I load content using ajax in a container. This content is hidden by default (<code>display: none</code>). Before showing the content I need to retrieve the height of an element in the new content.</p>

<p>Which <a href="http://jsfiddle.net/vgTDr/" rel="nofollow">should work</a>.</p>

<p>My simplified code:</p>

<pre><code>success: function(data) // this is the success callback of jquery's ajax call
{
  var content = $('#content');
  content.fadeOut('slow', function() {
    content.html(data.html);
    set_comments_height();
    content.fadeIn('slow');
  });
}

function set_comments_height()
{
  var content = $('#content');
  var info = $('.trackinfo .artwork-and-info', content);

  console.log(parseInt(info.outerHeight(true), 10));
}
</code></pre>

<p>You can see the issue on <a href="http://new.upcoming-djs.com" rel="nofollow">my website</a> after clicking a track at the left side.</p>

<p>I might be missing something here, but I don't see why it doesn't return the correct height.</p>
