I appreciate that this questino has been asked before, I have trawled the answers on StackOverFlow but none of the solutions work in my case.
Simple setup:
I have a row of boxes, when you mouse over and away from a box an alert appears. Click the text to clear the div and make a new box. The new box won't respond to the mouseover.
I know this has something to do with DOM events and page loads but I just cannot find a solution.
I am using:
$('.box').on('mouseenter', function(){});
I have also tried using .live
Here is my fiddle:
Thank you in advance.
ALan.