How to scroll a div to the bottom after appending something to that div?
<p>So I am currently using <a href="http://stackoverflow.com/questions/270612/scroll-to-bottom-of-div">this solution</a> to scroll a div to the bottom by writing something like</p>

<pre><code>$(document).ready(function() {
    $('#comment_list').scrollTop($('#comment_list').scrollHeight)
}
</code></pre>

<p>But I noticed that when I try to <code>.append()</code> something to <code>#comment_list</code> then do the above code. It doesn't actually scroll to the bottom (maybe the <code>.scrollHeight</code> is a static value?).</p>

<p>For example, this won't work</p>

<pre><code>$('#comment_list').append('&lt;div&gt;something&lt;/div&gt;').scrollTop($('#comment_list').scrollHeight)
</code></pre>

<p>Neither will this</p>

<pre><code>$('#comment_list').append('&lt;div&gt;something&lt;/div&gt;')
$('#comment_list').scrollTop($('#comment_list').scrollHeight)
</code></pre>

<p>Do I need to use some other "trick" or something?</p>

<p>Any tips and suggestions welcomed. Thanks in advance!</p>
