[jQuery] click function doesn't work on dynamic content?

[jQuery] click function doesn't work on dynamic content?


Hi there,
Please see my example here: http://www.hellobenlau.net/jquery/test.htm
So basically, I want to select a list item from Group A, and when the
transfer button is clicked, it gets transfered to Group B.
However, once transferred, the list items in Group B doesn't respond
to any click function called OUTSIDE of the 'transfer' function.
I"m not sure if i'm explaining it properly, but this is my code:
$(document).ready(function(){
        var temp;
        // selecting
        $('li').click(function(){
            $('li.highlight').removeClass('highlight');
            $(this).addClass('highlight');
            temp = $(this).text();
        });
        // when transfer link is clicked
        $('#transfer').click(function(){
            $('#groupA li.highlight').remove();
            $('#groupB').append('<li>' + temp + '</li>');
        });
    });
Any help would be extremely helpful!
Thanks!!