JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css">

JavaScript

$('BODY')
    .append($('<span />')
        .text('1) Click Me')
        .click(function() {
            $('<div />')
                .append($('<span />')
                    .text('2) Click Me')
                    .click(function() {
                        $('<div />')
                            .append('3) Click on the \'First\' dialog that is behind me and press escape')
                            .dialog({
                                modal: true,
                                height: 200,
                                width: 200,
                                title: 'Second'
                            });
                    }))
                .dialog({
                    modal: true,
                    height: 400,
                    width: 400,
                    title: 'First',
                    close: function () {
                        $('BODY').append($('<br />')).append('Oops!  Why is the \'Second\' dialog still open??');
                    }
                });
}));