Tengo un comportamiento extraño cona y conimg etiqueta en el interior.

Tengo una página php con una tabla que es una lista de registros. Al final de cada fila tengo un botón para eliminar fila.

Este es el código de mi tabla:

<div class='edit' >
    <a id='20' href='#' return;>
        <img src='images/edit.png'  />
    </a>
</div>

Cada registro, cada fila de la tabla principal, tiene el código anterior, con una identificación diferente entre sí.

Mi código de script es:

$("#delete a").click(function(e) {

e.preventDefault();

$('#action').val("delete");
$('#keyAction').val(this.id);

$.ajax({
        type: "POST",
        url: "processAttivita.php",
        data: $("#attivita_form").serialize(),
        error: function(msg) {
            $("#errore").html(msg);
        },
        success: function(msg) {
            // display the errors returned by server side validation (if any)
            ricaricaLista();                

        }
    });     

 // end click delete event  
 });

La primera fila que trato de borrar haciendo clic en la imagen funciona bien. En el segundo, parece que jquery no vincula el evento "clic" y el href predeterminado dea el elemento aparece y permanece en la misma página debido al "#" en el atributo href.

Cualquier idea de por qué la segunda vez que jquery no intercepta, haga clic en<a> elemento?