Untitled

<script type="text/javascript">
     $('#myPopup').dialog();
 </script>

<html lang="en">
<head>
    <title>Test</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.0.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/humanity/jquery-ui.css">
    <script type="text/javascript">
        // when the document has loaded..
        $(document).ready(function() {
            // turn this ID into a dialog
            $('#popupTest').dialog();
            // also, turn the input type="button" into a jQuery UI Button
            // for consistency
            $('#btnRandom').button();
        });
    </script>
</head>
<body>
<div id="popupTest" title="Stackoverflow Example">
    <p>Hello, world.</p>
    <p>Care for a cup of tea?</p>
    <input type="text" value="" placeholder="sample input form">
    <input id="btnRandom" type="button" value="this button does nothing... yet">
</div>
</body>
</html>