jQuery hover no funciona con elementos dinámicos
Estoy obteniendo datos de una base de datos y, en función del número de coincidencias, quiero generar esto:
<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>
Quiero que esa imagen cambie al pasar el mouse, así que 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');
});
Ahora, el problema es que solo funciona en el primer registro (la primera imagen link_delete que se muestra), y parece que no se aplica a otras imágenes.