How can I append a new div to the last div with the same class name?
<p>All my div blocks use the same class name and I need to append a new div block after a file upload has completed. The way I'm doing it now appends a new block to every existing block.  Here is my test code:</p>

<p>HTML:</p>

<pre><code>&lt;div class="img_container" id="img1"&gt;EXISTING BLOCK&lt;/div&gt;'
&lt;div class="img_container" id="img2"&gt;EXISTING BLOCK&lt;/div&gt;'
</code></pre>

<p>JQuery:</p>

<pre><code>$('#fileupload').bind('fileuploadcompleted', function (e, data) {
    e.preventDefault();
    var $newdiv = $('&lt;div class="img_container" id="img3"&gt;NEW BLOCK&lt;/div&gt;');

    $('.img_container').append($newdiv);
})
</code></pre>

<p>I've also tried appending to the body tag but the new div never appears.  Any idea how I can solve this?</p>
