dom - jQuery append DM event no longer works -

i appreciate questino has been asked before, have trawled answers on stackoverflow none of solutions work in case.

simple setup:

i have row of boxes, when mouse on , away box alert appears. click text clear div , make new box. new box won't respond mouseover.

i know has dom events , page loads cannot find solution.

i using:

$('.box').on('mouseenter', function(){}); 

i have tried using .live

here fiddle:

http://jsfiddle.net/d2pwh/3/

thank in advance.

alan.

event delegation! target element exists on load!

$(".row").on("mouseenter", ".box", function() {