JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/jquery-ui.css">

        <a href="#" id="openDialog">Open</a>
        <div id="dialog"><input type="checkbox" id="theCheckbox">Klikk me</a></div>


        <div id="yesNoDialog">Yes / No</div>

JavaScript

$(document).ready(function() {

    $("#dialog").dialog({
        closeOnEscape: true,
        autoOpen: false
    });

    $("#yesNoDialog").dialog({
        close: function() {
            $("#theCheckbox").focus();
        },
        closeOnEscape: false,
        autoOpen: false
    });

    $("#openDialog").click( function() {
        $("#dialog").dialog("open");
    });

    $("#theCheckbox").click( function() {
        $("#yesNoDialog").dialog("open");
    });


});