[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!!