Events triggered by dynamically generated element are not captured by event handler

Question

I have a

with id=\"modal\" generated dynamically with the jQuery load() method:

$(\'#modal\').load(\'handl         


        

Answer 1

When you dynamically change the DOM, jQuery won't attach event handlers to them. You need to use on() and delegated events

For your input items, you'll need something like:

$("").on("keyup", "input", function() { 
    handler = $(this).val();
    name = $(this).attr('name');
})

Where the parentSelector is something higher in the DOM than the input element, and an element that exists at page load, maybe the form ID or something.