При создании кастомного события нужно помнить, что если в названии события есть точка, 
то такое событие не будет работать в jquery.on().

Тоесть, если вызвать событие:

document.getElementById('myDiv').dispatchEvent(new CustomEvent('myEvent'));

то

document.getElementById('myDiv').addEventListener('myEvent', function (e) {
    // работать будет
});

и

$('#myDiv').on('myEvent', function (e) {
    // работать будет
});

Но:

document.getElementById('myDiv').dispatchEvent(new CustomEvent('my.Event'));

document.getElementById('myDiv').addEventListener('my.Event', function (e) {
    // работать будет
});

а в jquery

$('#myDiv').on('my.Event', function (e) {
    // работать НЕ будет
});