title: Remove LI from UL
body: <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>