[jQuery] Linked Menus Help

[rob]

I built a little utility modeling a linked menus concept... Click an
item in the parent menu, and the child menu will update.

When a parent option is selected the childMenu is reloaded with new
<options>.  Selecting these no longer triggers $("#childMenu >
option").click(function(){});  Does anyone have any idea why this may
be happening?

Here's an example:

$(".parentMenu").click(function(){
    var s = $("#parentMenu :selected").text();

    $.ajax({
        type: 'GET',
        url: 'xml/file.xml',
        datatype: 'xml',
        success: function(xml){

            alert(s);  //this is displaying correctly

            $('#childMenu').empty();

            $(xml).find("series[name='"+s+"']).each(function(){
                $(this).find("model").each(function(){
                    var model = $(this).text();
                    var modelHTML = "<option id='" +model+ "'
value='"+model+"'>" +model+ "</option>";
                    $("#childMenu").append(modelHTML);
                });
            });

});

alert(s) will show when the menu is the original content (whether it
is parentMenu or childMenu), but once that content is changed with
something else, it no longer works.

Any help would be greatly appreciated.