Remove LI from UL
<p>I'm trying to delete / remove a image from my image list. I'm too tired think straight, so I need some assistance please.</p>

<p>Here is my HTML code:</p>

<pre><code>&lt;li id="listItem_dsc_6436.jpg"&gt; 
  &lt;a href="http://storelocator.com/wp-content/uploads/slgallery/brand/5f/c6/dsc_6436.jpg"&gt;&lt;img alt="dsc_6436.jpg" src="http://storelocator.com/wp-content/uploads/slgallery/brand/5f/c6/thumb/dsc_6436.jpg"/&gt;&lt;/a&gt;
  &lt;div class="buttonPanel"&gt;
    &lt;span title="Delete image" class="btnRemoveItem floatRight" id="dsc_6436.jpg"&gt; &lt;/span&gt;
  &lt;/div&gt;
&lt;/li&gt;
</code></pre>

<p>And this is my javascript code:</p>

<pre><code>jQuery('.btnRemoveItem').click(function(){
  jQuery('#listItem_' +jQuery(this).attr('id')).remove();
});
</code></pre>

<p>This is not working. What am I missing?</p>
