JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/smoothness/jquery-ui.css">
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<p>Click submit button can open the dialog, </p>
<p><span style="color:red;">And</span> in the textarea press enter, dialog <span style="color:red;">can</span> be display.</p>
<p>jQuery version: 1.11.0</p>
<p>jQuery UI version: 1.9.2</p>

<form id="form">
    <textarea id="txt"></textarea>
    <button type="submit">submit</button>
</form>

<div id="dialog" title="Dialog">dialog content</div>

JavaScript

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

$("#form").submit(function (){
    $("#dialog").dialog("open");
    return false;
});

$("#txt").keydown(function (e){
    if(e.keyCode == 13)
    {
        $("#form").submit();
    }
});