Javascript-форум - mouseOver после appendChild

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - mouseOver после appendChild (https://javascript.ru/forum/dom-window/21726-mouseover-posle-appendchild.html)

mouseOver после appendChild

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

<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 функции не работают.

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

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

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

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

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

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