Проблем със селектори на jQuery

[ventsi34]

Здравейте, искам да ви помоля за малко помощ с проблеми със селектирането на един jQuery код. Проблема ми е следния закачил съм ховър ефект на един лист с потребители като html-а съм го хардкоднал в html документа и всичко работи но когато премахна целия лист с потребители от страницата и го направа с ajax да ми се взимат реалните потребители и с цикъл да ги сложи в html-а ховър ефекта изчезва и нищо от листа генериран с цикъла не може да се селектира.

<div id="onlineUsersList" class="users">
</div>

jQuery
[js]
//show online users in the document
function showOnlineUsers(){
if(localStorage.getItem('sessionId') != null){
var url = "list-users/" + localStorage.getItem('sessionId');
performGetRequest(url, generateListHtml,
function(err){
var errorCode = getErrorCode(err);
if(errorCode == 'ERR_SESSIONID'){
logOutUser();
}
if(errorCode == 'ERR_GENERAL'){
logOutUser();
}
});
}
else
{
if(getFileName() != index.html){
logOutUser();
}
}
}

function generateListHtml(data){
var onlineUsersHtml = '<ul>'
for(var i = 0; i < data.length; i++){
if(data !== localStorage.getItem('userName')){
onlineUsersHtml += '<li>'+
'<div class="usersProfil clear">'+
'<img src="img/userSmallImage.png" width="32" height="32" alt="userImage" class="userImage" />'+
'<p class="userName">'+ data +'</p>'+
'<button class="beginChatButton" data-id="'+ data +'">btn</button>'+
'</div>'+
'</li>';
}
}
onlineUsersHtml += '</ul>';
$('#onlineUsersList').html(onlineUsersHtml);
}

$(document).ready(function(){
//Design effects
$('.usersProfil').hover(usersProfilInEffect, usersProfilOutEffect);
$('.usersDiscussionProfil').hover(usersProfilInEffect, usersProfilOutEffect);
$('.beginChatButton').hover(beginChatButtonInEffect, beginChatButtonOutEffect);
});
[/js]