у меня странное поведение сa и сimg тег внутри.

У меня есть страница php с таблицей, которая представляет собой список записей. В конце каждой строки у меня есть кнопка для удаления строки.

Это код моей таблицы:

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

Каждая запись, каждая строка главной таблицы имеет код выше, с разными идентификаторами друг друга.

Мой код скрипта:

$("#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  
 });

Первая строка, которую я пытаюсь удалить, нажав на изображение, работает нормально. На втором кажется, что jquery не связывает событие «щелчка» и href по умолчаниюa элемент появляется, оставаясь на той же странице из-за "#" в атрибуте href.

Любые идеи, почему второй раз jquery не перехватывает, нажмите на<a> элемент?