title: jQuery click action on appended item
body: <p>Having looked at the documentation I know that the issue lies with the fact the item I want to delete is being appended. Though from I can see using .on should allow for this. I am appending some content to a list with a button I want to delete the appended content when clicked.</p>
  
  <pre><code>&lt;ul id="children"&gt;
      &lt;li id="child1"&gt;
          &lt;label class="narrow-full"&gt;Child&lt;/label&gt;
          &lt;?php echo form_dropdown('year[]', $years, date('Y')); ?&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  
  var c = 1;
      $( ".child-add" ).click(function() {
          $( "#child1" ).clone().append( "&lt;span class='child-delete ui-icon ui-icon-trash inline-block'&gt;&lt;/span&gt;" ).attr('id', 'child'+(++c) ).appendTo( "#children" );
      });
  
      $( ".child-delete" ).on('click',function() {
          $(this).parent().remove();
      });
  </code></pre>
  
  <p>The content appends fine, but the click function for remaking it will not fire. It does work however if the content is already on the page, e.g. no appended later.</p>