Me estoy arrancando el pelo tratando de entender por qué el evento mouseover no funciona con el controlador .on con un elemento creado dinámicamente desde ajax. Lo único que parece funcionar es el código con .live pero entiendo que está en desuso.

$(".dropdown ul li").live("mouseover", function() {
alert('mouseover works');
});

Sin embargo, cuando intento usar .on, no funcionará, independientemente de las variaciones que pruebe (document.ready, .mouseover, etc., etc.)

$(".dropdown ul li").on("mouseover", function() {
alert('mouseover works');
});

Los controladores de eventos se encuentran en la parte inferior del código, por lo que se ejecutan en último lugar. ¿Alguien tiene una idea de lo que estoy haciendo mal?