click() assigned in document.ready in jQuery

Question

Do assignments in document.ready (click(fn) specifically) apply to newly appended elements that match the selector?

If not, how can I assign it to this new elements? Do I have to write the assignment after every append or is there a better way?

Answer 1

You are looking for the live functionality. Per the manual:

Binds a handler to an event (like click) for all current - and future - matched element. Can also bind custom events.

So if you do this:

$(document).ready(function() {
    $('div.test').live('click', function() { alert('yipee!'); });
    $('body').append('<div class="test">Click me!</div>');
});

When you click on the div you will get the alert even though it was added after the event was bound.