Zdarzenie nie działa na dynamicznie utworzonym elemencie

Wyciągam włosy, próbując dowiedzieć się, dlaczego zdarzenie mouseover nie będzie działać z programem obsługi .on z dynamicznie tworzonym elementem z ajax. Jedyną rzeczą, która wydaje się działać, jest kod z .live, ale rozumiem, że jest przestarzały.

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

Jednak gdy spróbuję użyć .on, nie zadziała - bez względu na to, jakie warianty wypróbuję (document.ready, .mouseover itp.)

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

Procedury obsługi zdarzeń znajdują się na dole kodu, więc są wykonywane jako ostatnie. Czy ktoś ma pojęcie o tym, co robię źle?

questionAnswers(1)

yourAnswerToTheQuestion