jquery .click() issue

[patryk]

hi.
i'm having hard time with binding events in dynamically loaded elements...
i wrote this function:

function bindLinks(){
	console.log('binding');
	$('#ajaxDiv > a').click(function(ev){
		ev.preventDefault();
		otherFunction();
	});
}

and now. i'm loading contents with number of links to 'ajaxDiv', then bindLinks() function is triggered (and it works).
but when i empty contents of 'ajaxDiv', load new stuff and bindLinks() is called again, events are not being assigned.
i know function is called since i get console output every time.
any idea how to fix it?

[VIPStephan]

Try on('click', function(ev) {…})

[patryk]

thanks
if someone will look for that, here's working one (with 'parent > child' selection):

function bindLinks(){
	$('#ajaxDiv').on('click', 'a', function(ev){
		ev.preventDefault();
		otherFunction();
	});
}

[DanInMa]

if you are calling this function mutiple times on the same page , you dont need to. If you put the .on function in in a dom ready block it will do it's thin automatically even if you add or remove anchor links from the div dynamically. lik so:

$(function(){	
  $('#ajaxDiv').on('click', 'a', function(ev){
		ev.preventDefault();
		otherFunction();
	});
});