Событие не работает с динамически созданным элементом

Я рву на себе волосы, пытаясь понять, почему событие 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');
});

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