JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css">
<div id="main"><div id="inner">inner</div></div>

JavaScript

$('#inner').click(function(evt) {
    evt.stopPropagation();
    alert('inner');
});

$('#main').click(function() {
    // won't fire as long as inner disables event bubbling
    alert('main'); 
});