jQuery - cannot set click to dynamicaly created content
<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 dynamicaly 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: using jQuery 1.7.1</p>
