JSFiddle - React, Tailwind, and code Playground

HTML

<div id="custom-test">
    <div id="custom-test1"></div>
    <div id="custom-test2"></div>
</div>

<div id="result">
    
</div>

JavaScript

var log = function(e){
     $('#result').append($('<div>type: ' + e.type + ', namespace: ' + (e.namespace || '') + '</div>'));
}

$('#custom-test').bind('custom', log);
    
$('#custom-test1').trigger('custom.test1');
$('#custom-test2').trigger('custom.test2');