using jQuery to add element in DOM after page content has fully loaded

Question

It is easy to add text in page after loading thanks to javascript but I would like to add a link with a link and be able to catch the click event without reloading page

$("#div").html("<a href='#' id='new'>new link</a>");


// not work, because no 
$("#new").click(function(e) {
    e.preventDefault();
    alert('click');
});

Do you know if there is a way ?

Answer 1

replace

$("#new").click(function(e) {
    e.preventDefault();
    alert('click');
});

with

$(document).on('click','#new',function(e) {
    e.preventDefault();
    alert('click');
});