Ich habe Probleme mit jQuery.

Ich erstelle ein einfaches CMS und in der Benutzeroberfläche habe ich eine Liste von Seiten, in jedem Listenelement befindet sich ein Bearbeitungslink. Ich habe jQuery veranlasst, auf Klicks mit dieser Bearbeitungs-ID zu warten. Anschließend wird die übergeordnete LI überprüft, um festzustellen, über welche ID sie verfügt, damit der Benutzer die Änderungen in der rechten PageId in der Datenbank speichern kann.

Meine Liste

<ul id="sortable" class="ui-sortable">
    <li class="sortable" id="listItem_1">
        <a href="#" id="edit">edit</a>
        <span id="title">List item 1</span>
    </li>

    <li class="sortable" id="listItem_2">
        <a href="#" id="edit">edit</a>
        <span id="title">List item 2</span>
    </li>

    etc..
</ul>

Und das Javascript

<script type="text/javascript">
$(document).ready(function() {
    $('a#edit').click(function(){
        alert($(this).parent("li").attr("id"));
    })
});

Aber nur der erste Bearbeitungslink funktioniert. Alle anderen werden einfach ignoriert. Sie können das Problem hier sehen,http://info.radio-onair.ath.cx/active/scms/admin/pages/test.html

Danke im Voraus.