JSFiddle - React, Tailwind, and code Playground

HTML

<p id="result">nothing caught</p>

JavaScript

$(document).ready(function() {
  var el = $('<div><div class="outer"><div class="inner"></div></div></div>');
  $('.outer', el).on('custom', function(ev) {
    $('#result').text("event was caught");    
  });
  $('.inner', el).trigger('custom');    
});