Event binding on dynamically created elements in Jquery

Event binding on dynamically created elements in Jquery

you can use .live() or .on() method for event binding on dynamically created elements in Jquery. If you are using an older version of jQuery you can use .delegate()

Use of .live() & .on() depends on which version of jquery are you using.

the function live() was deprecated in version 1.7 in favor of on() and deleted in version 1.9 - please use on() in version 1.9

Signature :

The following live signature:

$(selector).live( eventName, function(){} );

Can be replaced with the following on signature

$(document).on( eventName, selector, function(){} );

delegate Example : 

$("body").delegate("select","mouseover mouseout", function(e){

  // Do some code here

});