title: jQuery .live() vs .on() method for adding a click event after loading dynamic html
body: <p>I am using jQuery v.1.7.1 where the .live() method is apparently deprecated. </p>
  
  <p>The problem I am having is that when dynamically loading html into an element using:</p>
  
  <pre><code>$('#parent').load("http://..."); 
  </code></pre>
  
  <p>If I try and add a click event afterwards it does not register the event using either of these methods:</p>
  
  <pre><code>$('#parent').click(function() ...); 
  </code></pre>
  
  <p>or</p>
  
  <pre><code>// according to documentation this should be used instead of .live()
  $('#child').on('click', function() ...); 
  </code></pre>
  
  <p>What is the correct way to achieve this functionality? It only seems to work with .live() for me, but I shouldn't be using that method. Note that #child is a dynamically loaded element. </p>
  
  <p>Thanks. </p>