Estou tendo alguns problemas com o jQuery.

Eu estou fazendo um CMS simples e na interface eu tenho uma lista de páginas, em cada item da lista é um link de edição. Eu fiz jQuery ouvir cliques com esse id de edição. Em seguida, ele examinará o LI pai para ver o ID que possui, para que o usuário possa salvar as alterações no pageId correto no banco de dados.

Minha lista

<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>

E o javascript

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

Mas apenas o primeiro link de edição funciona. Todos os outros são ignorados. Você pode ver o problema trabalhando aqui,http://info.radio-onair.ath.cx/active/scms/admin/pages/test.html

Desde já, obrigado.