.on does not work for newly added elements

[nikola@…]

I'm using ajax to fetch the content for a dialog I'm displaying using jquery ui. The following handler fails to attach for any of the input elements on the fetched html code:

$('input').on('click', function(){ alert('clicked!'); });

It does work, however, if using '.live'.

Example code: ​http://www.petkanski.com/test/jquery/on-bug/test.htm

The example code sets on() and live() hooks for the two buttons and fetches an ajax call containing them. You will see, that only one of the fetched buttons is operational. The button which was supposed to be hooked via '.on()' does not work.

[dmethvin]

That's not how you use .on() for delegated events. Please read the documentation or ask for help on the forum.