JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.2/themes/base/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.5.1.js"></script>
<script src="http://code.jquery.com/ui/1.8.2/jquery-ui.js"></script>

<div id="dialog"></div>
<div id="foo"></div>
<button id="open">open</button>

JavaScript

$( "#dialog" ).dialog({
    autoOpen: false,
    open: function() {
        $( "#foo" ).bind( "keypress", function() {} );
    },
    close: function() {
        $( "#foo" ).unbind( "keypress", function() {} );
    }
});

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