html - unable to attach click event to li element using jquery -

i unable click event html:

<ul id="frd_overlay_list"> <li><div class="divlink"><div id="1"><img src="path"><div class="frdname">name</div></div></div></li> <li><div class="divlink"><div id="2"><img src="path"><div class="frdname">name</div></div></div></li> </ul> 

and jquery script:

$('li').click(function(){     console.log('not working'); }); 

i able click event ul element i.e.

$('ul#frd_overlay_list').click(function(){     console.log('this works'); }); 

i have tried this, doesnt work:

$('ul#frd_overlay_list li').click(function(){     console.log('doesn't work either'); }); 

please give me pointers doing wrong?

all example works except last one: need escape ' or use double quotes string

$('ul#frd_overlay_list li').click(function(){     console.log("doesn't work either"); }); 

since want apply click events dynamically added elements, use on function of jquery.

• on bind event handlers dynamically added elements
• bind bind event handlers existing elements.

usage of on:

$("ul#frd_overlay_list li").on("click", function(){   console.log("doesn't work either"); }); 

fiddle