Jquery click event not firing on previously hidden div

Question

I am loading a \'password-reset-success-message\' div into a \'password-reset\' div dynamically as shown in the below snippet.The \'password-reset-success-message\' div

Answer 1

$(selector).live(events, data, handler);                // jQuery 1.3+
$(document).delegate(selector, events, data, handler);  // jQuery 1.4.3+
$(document).on(events, selector, data, handler);        // jQuery 1.7+

Your content is not there on the page when ready event is triggered. You generate the elements and content dynamically so you must use live/on event handler.