JSFiddle - React, Tailwind, and code Playground

by Emil Hemdal

HTML

<!DOCTYPE HTML>
<html>
    <head>
        <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
        <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.min.js"></script>
        <link href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" rel="stylesheet">
    </head>
    <body>
        <p>Just some text</p>
        <button id="openDialog">Open Dialog</button><br>
        <button id="checkValues">Check input values</button>
        <div id="dialog">
            <input type="hidden" id="my_input" name="my_input" value="my_value">
            <input type="text" id="my_second_input" name="my_second_input" value="my_second_value">
        </div>
    </body>
</html>

JavaScript

jQuery(function($) {
    $("#dialog").dialog({
        autoOpen: false
    });
    $("#openDialog").click(function(){
        $("#dialog").dialog("open");
    });
    $("#checkValues").click(function(){
        alert("Hidden input value: "+$("#my_input").val());
        alert("Second input value: "+$("#my_second_input").val());
    });
});