JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.2/themes/smoothness/jquery-ui.css">
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.2/jquery-ui.min.js"></script>
	<form id="form">
		test
	</form>
	<div class="dialog-form" title="Dialog Title">
		test stuff
	</div>
	<button class="open">Open</button>

JavaScript

$(document).ready(function(){
		var $dialog = $(".dialog-form").dialog({
			autoOpen: false,
			height: 300,
			width: 350,
			modal: true,
			buttons: {
				"Test": function() {
					$( this ).dialog( "close" );
				},
			Cancel: function() {
					$( this ).dialog( "close" );
				}
			},
            appendTo: "#form"
		});
		//$dialog.parent().appendTo($("#form"));
	
		$(".open").click(function() {
			$( ".dialog-form" ).dialog( "open" );
		});
	});