Estoy tratando de crear un evento javascript personalizado. El evento funciona y se activa correctamente, pero el objeto 'detalle' que lo estoy pasando no está disponible.

Aquí está el código que estoy usando para crear y enviar el evento;

var double_tap = new CustomEvent("doubleTap", {
    detail: {
        hello: 'world'  
    },
    bubbles: true,
    cancelable: true
});

this.dispatchEvent(double_tap);

Luego estoy usando jquery para agregar un detector de eventos al cuerpo;

$('body').on('doubleTap', function( e ) { 
    console.log(e);
});

Se dispara y el registro de la consola sucede, pero desafortunadamente el registro solo muestra los detalles del evento, incluidas las burbujas y las propiedades cancelables, pero nunca el objeto 'detalle', por lo que no se puede acceder a la información.

Aquí hay un jsbin como ejemplo, estoy creando el evento en el evento click del cuerpo para que pueda ver la consola;http://jsbin.com/looseroots/6

Me gustaría poder obtener los datos del objeto 'detalle' cuando se dispara el evento. ¿Qué estoy haciendo mal? He probado esto en Chrome, y Safari en iOS