jQuery on() method does not bind events like live() did
<p>As described on <a href="http://api.jquery.com/live/" rel="nofollow"><code>http://api.jquery.com/live/</code></a>:</p>

<blockquote>
  <p>As of jQuery 1.7, the .live() method is deprecated. Use .on() to attach event handlers. </p>
</blockquote>

<p>Right. <strong>So instead of</strong> </p>

<pre><code>$('.dynamicallyCreatedElement').live('click', function(){
  console.log('click');
});
</code></pre>

<p><strong>I should use:</strong></p>

<pre><code>$('.dynamicallyCreatedElement').on('click', function(){
  console.log('click');
});
</code></pre>

<p>However it does not bind event to elements created after <code>on()</code> calling. So is it really better <code>live()</code> method ?</p>

<p>Am I missing something ?</p>
