JSFiddle - React, Tailwind, and code Playground

by maspwr

HTML

<div id='foo'>
  <div id='bar'>Click Me</div>
</div>

CSS

#bar {
    border: 1px solid black;
    padding: 5px;
}

JavaScript

$(document).on('click.weird', function(event) {
    console.log($(document).find(event.target), $('html').find(event.target));
    console.log($('html').find(event.target), $(document).find(event.target));
});

$('#bar').on('click', function(event) {
    $('#foo').html('<h1>Replaced</h1>');
    console.log('Replaced "#foo"');
});