Click handler not getting invoked after html write

Question

I've this code:

 document.getElementById('form1').innerHTML = user_selections.stockyard_html[sel];

 alert('click handler registered');
 $("#" + register_btn_id).click(function (event){
alert("Clicked");
});

After html overwrite of form html which was saved yesterday, there is a register button whose click I'm not able to catch. What could be the reason?

Please provide a [minimal, complete, and verifiable example](https://stackoverflow.com/help/mcve/) — Andreas, Jul 28 '17 at 13:14
You might want to use event delegation if you are playing a lot with the DOM — Salketer, Jul 28 '17 at 13:40
Possible duplicate of [Event binding on dynamically created elements?](https://stackoverflow.com/questions/203198/event-binding-on-dynamically-created-elements) — Heretic Monkey, Jul 28 '17 at 13:45

score 0 · Answer 1 · answered Jul 28 '17 at 13:38

0

Put it inside document ready:

$(function() {
   $("#" + register_btn_id).on('click', function(e) {
       alert('clicked')
   )}
})

answered Jul 28 '17 at 13:38

Daniele Dolci

884
1
9
22

Click handler not getting invoked after html write

1 Answers1