Tengo un escenario donde JQuery 'on' & 'live' no realiza lo mismo. Tal vez alguien pueda señalar por qué. Estoy usando JQuery 1.7.2 con mi proyecto y en esta versión, 'live' ha sido reemplazado por 'on'. Estoy usando el siguiente código en una página de listado. Básicamente, esta página tiene una barra alfabética en la que el usuario puede hacer clic y cargará a todos los clientes con ese apellido. Me gustaría que el enlace se ejecute a través de ajax.

Código:

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

El problema aquí es que cuando cargo la página por primera vez y hago clic en un enlace, todo funciona bien. La página se carga a través de ajax. Sin embargo, después de eso, todos los enlaces pierden sus enlaces y luego, si hago clic en cualquier enlace, obtengo una carga completa de la página.

Reemplazé 'on' con 'live' y los enlaces empezaron a funcionar perfectamente, incluso en los clics posteriores.

¿Qué me estoy perdiendo?