title: Does jQuery.on() work for elements that are added after the event handler is created?
body: <p>I was under the impression all this time that <code>.on()</code> worked like <code>.live()</code> with regards to dynamically created elements (e.g. I use <code>$('.foo').on('click', function(){alert('click')});</code> and then an element with the class <code>foo</code> is created due to some AJAX, now I'm expecting a click on that element to cause an alert). In practice, these weren't the results I got. I could be making a mistake, but could somebody help me understand the <em>new</em> way to achieve these results, in the wake of <code>.on()</code>?</p>
  
  <p>Thanks in advance.</p>