Невозможно получить доступ к jQuery при добавлении

Question

Я добавляю кнопку через jQuery.

$('#toAppend').html('<input type="button" id="helloWorld">'); 

В моем браузере я вижу эту кнопку, но я не могу получить к ней доступ через jQuery.

Код:

$('#helloWorld').click(function() { 
    alert("you clicked me"); 
}) 

Любая помощь приветствуется.

Спасибо.

Answer 1

Использование on() как это для Event Delegation:

$(document).on('click', '#helloWorld', function() { 
    alert("you clicked me"); 
}) 

Answer 2

Вы должны получить доступ к нему другим способом, поскольку он был добавлен к HTML После загрузки страницы:

$("#toAppend").on("click", "button#helloWorld", function(e) { 
    console.log("clicked!"); 
});