.hover (...) y en. ("hover" ...) comportándose de manera diferente

Usando JQuery, estoy tratando de encadenar un par de funciones cuando un elemento tiene un estado de hover.

Normalmente usaría el.hover función de evento, pero después de leer algunos tutoriales leí que usando.on es mejor, ya que puede usar un controlador de eventos para monitorear todos los eventos de propagación dentro de un documento.

Sin embargo, estoy teniendo problemas cuando encadeno dos funciones así:

$("element").on( "hover", function() {         
    console.log("one");     
}, function() {         
    console.log("two");     
});

Esperaba que el resultado fuerauno dos (que fue el caso cuando se usa.hover) pero en cambio me dandos dos.

¿Alguien puede explicar lo que estoy haciendo mal o si este es el comportamiento esperado y por qué?

Reproducido utilizando.hover(...): http://jsfiddle.net/gXSdG/

Reproducido utilizando.on(hover...): http://jsfiddle.net/gXSdG/1/

Respuestas a la pregunta(2)

Su respuesta a la pregunta