jQuery Dynamic Button Click Handler

Question

I have a code the change the html of a div to make a button. When I make a click handler for the dynamic button, nothing happens

$('#signinup').html("<button id=\"login_submit\">Sign In</button>");

And the handler:

$('#login_submit').click(function() {
   alert("Works!");
});

Answer 1

When does the click handler code run in conjunction with the HTML generation? Also, have you tried the bind or live event handler methods?

Answer 2

See the working demo :)

Use the live() method:

$('#login_submit').live('click', function() {
   alert("Works!");
});

The live() method attach a handler to the event for all elements which match the current selector, now or in the future.