title: Jquery events do not work on dynamically appended elements
body: <p>I'm trying to append new DOM objects to some Div and it works, but somehow - the events that I programmed for these new appended objects do not respond. Why is that?</p>
  
  <p>I attach here a simple example: upon click on any paragraph the paragraph should hide. Yet, for paragraph that were added using .append, it doesn't work.</p>
  
  <p><a href="http://jsfiddle.net/xV3HN/" rel="noreferrer">http://jsfiddle.net/xV3HN/</a></p>
  
  <p>There's my code:</p>
  
  <pre><code>$(document).ready(function(){
  
  $("#add").click(function(){
       $("#containerDiv").append("&lt;p&gt; I should hide as well if you click me &lt;/p&gt;");
    });
  
   $("p").click(function(){
       $(this).hide();
    });
  
  });
  </code></pre>