How do I remove list items that have been added by append?
<p>I want to be able to append items to an unordered list (wibble) when an item is selected from a larger list (user_checkboxes). If a user clicks on an item in the 'wibble' list I would like to remove that item from the list.</p>

<p>The problem I am having is that the list items 'a' and 'b' work as I was hoping. i.e if i click on the list item they are removed from the list. Unfortunately any items that are added to the list by append don't behave the same way. i.e They don't get selected and removed from the list. </p>

<pre><code>&lt;ul class = "wibble"&gt;
&lt;li&gt;a&lt;/li&gt;
&lt;li&gt;b&lt;/li&gt;  
&lt;/ul&gt;


$(document).ready(function () { 
  $(".user_checkboxes").change(function() {
     if ($(this).attr("checked")) {             
        $('.wibble').append('&lt;li&gt;'+newListItem+'&lt;/li&gt;');
     }
  }
  $('.wibble li').click(function() {
     $(this).remove();
  );
}
</code></pre>
