jQuery event handler .on() not working

Question

I want to attach a event to dynamically created element class.So i used live function but it was not triggered. So checked live function reference ,there i red below notes

Answer 1

I was using jQuery 1.7.2 and tried all proposed methods:

Didn't work:

$(document.body).on('click', '.collapsible-toggle'  function() {
    console.log('clicked');
}); 

Didn't work:

$(document).on('click', '.collapsible-toggle'  function() {
    console.log('clicked');
}); 

None of them worked until I tried the following:

----- Worked! ----

$('body .collapsible-toggle').on('click',   function() {
        console.log('clicked');
});