title: Cannot set click event handler on dynamically created content
body: <p>I have some code like this:</p>
  
  <pre><code>$('.play').on( 'click', function(){
      console.log('click');
  });
  </code></pre>
  
  <p>The <code>.play</code> element is dynamically created with <code>$('.game').html('&lt;span class="paly"&gt;Play&lt;/span&gt;')</code> method. However, I have nothing in my console log when I'm clicking on this span. What am I doing wrong?</p>
  
  <p>Thanks.</p>
  
  <p>PS: I am using jQuery 1.7.1</p>