Tengo este código que desvanece un div sobre otro al pasar el mouse y se desvanece cuando el cursor sale del área de visualización.

EJEMPLO:http://jsfiddle.net/3vgbemgu/

$('.under').hover(function () {
$('.over').fadeIn();
}, function () {
$('.over').fadeOut();
});

sin embargo, si el usuario mueve el mouse sobre el área rápidamente varias veces, la animación crea una cola, lo que significa que el div se desvanece varias veces una tras otra. Esto es mucho más obvio si hay varias instancias de esta animación en la pantalla, o si los tiempos de aparición y desaparición gradual son más largos.

¿Cómo dejaría de volver a generar la animación mientras todavía está ocurriendo la primera vez?