Я вытаскиваю свои волосы, пытаясь понять, почему событие mouseover не работает с обработчиком .on с динамически созданным элементом из ajax. Единственная вещь, которая работает, - это код с .live, но я понимаю, что он устарел.

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

Однако, когда я пытаюсь использовать .on, он не будет работать - независимо от того, какие варианты я пробую (document.ready, .mouseover и т. Д. И т. Д.)

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

Обработчики событий находятся внизу кода, поэтому они выполняются последними. Кто-нибудь имеет представление о том, что я делаю неправильно?