mouseOver после appendChild

[shilinpavel]

У меня такая проблема.
Есть код:

<div id="rod">
<div class='mes'>Привет<span style='display:none;' class='bye'> Пока</span></div>
<div class='mes'>Привет<span style='display:none;' class='bye'> Пока</span></div>
<div class='mes'>Привет<span style='display:none;' class='bye'> Пока</span></div>
<div class='mes'>Привет<span style='display:none;' class='bye'> Пока</span></div>
</div>

И есть jQuery:

$(".mes").mouseover(function()
	 { 
	 $(this).find('.bye').show();
     })
    $(".mes").mouseout(function(){ 
            $(this).find('.bye').hide(); 	
     });

Все отлично работает, но когда добавляешь еще один <div> c помощью appendChild, то на нем данные jQuery функции не работают.

[nikita.mmf]

$("#root").delegate("hover", ".mes", function(e){
    $(".bye", e.currentTarget).toggle();
})

[shilinpavel]

а можно поподробней, а то немного не понятно

[shilinpavel]

Просто ничего не работает

[shilinpavel]

Все разобрался)
Правильно так:

$("#root").delegate(".mes", "hover", function(e){
    $(".bye", e.currentTarget).toggle();
})

Но все равно спасибо!