title: jQuery on() method does not bind events like live() did
body: <p>As described on <a href="http://api.jquery.com/live/"><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>