Eu tenho um cenário onde JQuery 'on' & 'live' não executam o mesmo. Talvez alguém possa apontar o porquê. Estou usando o JQuery 1.7.2 com meu projeto e, neste build, 'live' foi substituído por 'on'. Eu estou usando o seguinte código em uma página de listagem. Basicamente, esta página tem uma barra alfabética que o usuário pode clicar e irá carregar todos os clientes com esse último nome. Eu gostaria que o link fosse executado via ajax.

Código:

$("a.listajax").on("click", function (e) {
    e.preventDefault();
    var url = $(this).attr("href");
    $("div.content").load(url + " div.content");
    return false;
});

O problema aqui é que quando eu carrego a página pela primeira vez e clico em um link, tudo funciona bem. A página é carregada via ajax. No entanto, depois disso, todos os links perdem suas ligações e, se eu clicar em qualquer link, recebo uma página inteira.

Eu substitui o 'on' por 'live' e os links começaram a se comportar perfeitamente, mesmo em cliques subsequentes.

o que estou perdendo?