jquery-ui dialog box example

<?php
if (isset($_GET['q'])) {
    echo 'PHP Received q='.$_GET['q'];
    exit;
}
?>

<html>
<head>
<style>

#container div { position: relative; }

</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type="text/javascript">

$(function(){
$('#dialog_link').click(function() {

var qS = $('#qsearch').val();
$.ajax({
    type:"GET",
    url:"",
    data: { q: qS },
    success: function(data) {
    //alert('Javascript got '+data);
        // Dialog
        $('#dialog').dialog({
            autoOpen: true,
            width: 880,
        });
    $('#dialog').html(data);
    }
});
});
});

</script>
</head>

<body>

<div class="search">
<form id="quick-search" method="get" onsubmit="return false;">
<p>
<label for="qsearch">Search:</label>
<input class="tbox" id="qsearch" type="text" name="q" value="Keywords"  />
<input class="btn" alt="Search" id="dialog_link" type="image" title="Search" src="./css/search.gif" />
</p>
</form>
</div>

<div id="dialog" title="Search Youtube"></div>

</body>
</html>