Replace live() with on()

Question

From the documentation

$(selector).live(events, data, handler);                // jQuery 1.3+
$(document).delegate(selector, events, data, handler);  // jQuery 1.4.3+
$(document).on(events, selector, data, handler);        // jQuery 1.7+

I'm using jQuery 1.7.1

This works, for static elements and dynamically loaded elements:

$("input").live("change", function () { alert("hello"); });

This doesn't work, not even for static elements:

$("document").on("change", "input", function () { alert("hello"); });

What am I missing?

Answer 1

Write it like

$(document).on("change", "input", function () { alert("hello"); });

You can replace document with any closer parent element which will always exist in DOM for better performance. Like

$('#closest_static_container_id').on("change", "input", function () { 
     alert("hello"); 
});

if you use $("document") jQuery will search for a node/tag named as document like <document> and wont find anything as document is actually an object.

But you could use $("body") as body is a node/element of DOM.