title: jQuery append fadeIn
body: <p>Similar to: <a href="https://stackoverflow.com/questions/327682/using-fadein-and-append">Using fadein and append</a></p>
  
  <p>But the solutions there aren't working for me. I'm trying:</p>
  
  <pre><code> $('#thumbnails').append('&lt;li&gt;&lt;img src="/photos/t/'+data.filename+'"/&gt;&lt;/li&gt;').hide().fadeIn(2000);
  </code></pre>
  
  <p>But then the whole list fades in at once, not as each item is added. It looks like <code>hide()</code> and <code>fadeIn()</code> are being applied to <code>$('#thumbnails')</code> not the <code>&lt;li&gt;</code>. How would I get them to apply to that instead? This doesn't work either:</p>
  
  <pre><code>$('#thumbnails').append('&lt;li stle="display:none"&gt;&lt;img src="/photos/t/'+data.filename+'"/&gt;&lt;/li&gt;').filter(':last').fadeIn(2000);
  </code></pre>
  
  <p>Other suggestions?</p>