hover jQuery não funciona com elementos dinâmicos
Estou obtendo dados de um banco de dados e, com base no número de correspondências, quero gerar isso:
<div id='link_delete_holder' style='position:absolute;left:590px;top:10px'>
<img id='link_delete' src='images/account_related/icons/link_delete.png'/>
</div>
Quero que essa imagem seja alterada ao passar o mouse, então uso este código:
$('#link_delete').hover(function(){
$(this).attr('src', 'images/account_related/icons/link_delete_h.png');
}, function(){
$(this).attr('src', 'images/account_related/icons/link_delete.png');
});
Agora, o problema é que ele funciona apenas no primeiro registro (a primeira imagem link_delete exibida) e parece que não se aplica a outras imagens.