I am working on dynamically adding a link with a click event handler after a series of span tags on a page. The link is being added to the page, but when clicked the event handler is not firing. There are no errors recorded in the web console. I am sure that I am missing something obvious in the below code:
function changeClicked (e) {
e.preventDefault();
console.log('should work');
}
function initChangeOwner() {
var changeLink = $('<a />', {
href: '#',
text: 'change',
'class': 'changeLink',
click: changeClicked
});
var licenseFor = $('[id*="LicenseFor"]').after(changeLink);
}
$(document).ready(function () {
initChangeOwner();
// other inits
});
Why is my click event handler not firing? For those who like to fiddle I have setup an example on jsFiddle.
* This is an older application which utilizes jQuery 1.4.1. Unfortunately, now is not the time to update the reference to a new version.