How to catch mouseover when I dynamically add event listener?

[SomeTest]

I dynamically add this\[code\]$(ele).on("mouseover")\[/code\]when user has mouse over the element, but it seems that \[code\]mouseover\[/code\] event triggers only when I reenter element.Here is example in jsFiddle (Click on \[code\]<div>\[/code\] to add event listener)How can I achieve this without manually triggering \[code\].mouseover()\[/code\] ?Thanks in advance!