Как заставить jQuery 1.7.on ()зависать?

У меня проблема с динамически создаваемыми элементами в состоянии наведения. Когда я наводил курсор на вновь созданный элемент html, он не работал.

Вот мой HTML-код:

create new button
hover me

jQuery:

var createBtn = $("#create");

createBtn.click(function() {
    $('div').append('new hover button

Я даже пробовал этот код:

$('.hover').on({
    mouseenter : function() {
         alert('you hovered the button!');
    },
    mouseleave : function() {
        alert('you removed the hover from button!');
    }

});

как показано здесьhttp://api.jquery.com/on/, но все равно не повезло. Вот еще демо:http://jsfiddle.net/BQ2FA/