Comment faire de jQuery 1.7 .() hover?

Je vais avoir un problème avec créé dynamiquement des éléments sur l'état de pointage. Quand j'ai passez la souris sur les nouveaux élément html, il ne fonctionne pas.

Voici mon code HTML:

<button id="create">create new button</button>
<button class="hover">hover me</button>
<div></div>

jQuery:

var createBtn = $("#create");

createBtn.click(function() {
    $('div').append('<button class="hover">new hover button</button');  
    return false;        
}); 


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

J'ai même essayé ce code:

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

});

comme indiqué ici http://api.jquery.com/on/, mais toujours pas de chance.
Voici également démo: http://jsfiddle.net/BQ2FA/

peut-être que cela aidera sur on/off: stackoverflow.com/questions/11283341/...

OriginalL'auteur Lado Lomidze | 2012-07-18