Eu estou tentando criar um evento de javascript personalizado. O evento funciona e é disparado corretamente, mas o objeto 'detalhe' que estou passando não está disponível.

Aqui está o código que estou usando para criar e despachar o evento;

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

this.dispatchEvent(double_tap);

Então estou usando o jquery para adicionar um ouvinte de evento ao corpo;

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

Ele dispara, e o log do console acontece, mas infelizmente o log apenas exibe os detalhes do evento, incluindo bolhas e propriedades canceláveis, mas nunca o objeto "detalhe", para que as informações não fiquem acessíveis.

Aqui está um jsbin como exemplo, estou criando o evento no evento de clique do corpo para que você possa ver o console;http://jsbin.com/looseroots/6

Eu gostaria de poder obter os dados do objeto 'detalhe' quando o evento for disparado. O que estou fazendo de errado? Eu testei isso no Chrome e no Safari no iOS