title: Deleting a dynamically created li tag
body: <p>I am working on an html page where a text list is created dynamically upon users' need. I need to make those li's selectable so that they can be deleted as well...How am i supposed to do it?
  I tried using the delegate function but it didn't work.<br>
  This is the code of how the li is generated...</p>
  
  <pre><code>$('#post_btn').click(function() {
      // body...
      var note = $('#textArea').val();
      $('&lt;li&gt;').text(note).prependTo('.notes');
      $('#textArea').val('');
      $('#post_btn').addClass('disabled');
  });
  </code></pre>