title: JQuery .on() - Cloning Dynamic Content
body: <p>I am working on a project where a user is able to perform some live search functions.  When the results of the live search are displayed, via JQuery Ajax, I need the user to have the ability to click on one of the displayed results and create a clone of that elsewhere on the page.  The problem I am finding is since these new live search results aren't processed on the first page load, I consider them to be 'phantom code' that doesn't exist to the DOM.  I have done some research on JQuery's on() as well as bind() functions but not sure how I can implement them into my own context.</p>
  
  <p>Here is my JQuery</p>
  
  <pre><code>$(".add").click(function() {
          $(this).parent("li").clone(true).appendTo(".doc_list:first");                       
  
  });
  </code></pre>
  
  <p>In that snippet (this) refers to my button which exists inside of the LI element (parent) which is dynamically created via the live search results. I need to copy that LI element.</p>
  
  <p>If more code is needed, please let me know.</p>