HERE IS THE CODE:
all js and cs is loading fine....
<!doctype html>
<html lang="en">
<head>
<title>jQuery UI Tabs - Default Demo</title>
<link type="text/css" href="jquery.ui-1.6rc4/themes/default/
ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="jquery.ui-1.6rc4/
jquery-1.2.6.js"></script>
<script type="text/javascript" src="jquery.ui-1.6rc4/ui/packed/
jquery.ui.all.packed.js"></script>
<script type="text/javascript" src="jquery.ui-1.6rc4/plugins/
bgiframe_2.1.1/jquery.bgiframe.js"></script>
<script type="text/javascript">
$(function() {
$("#dialog").dialog({
autoOpen: true,
bgiframe: true
});
});
</script>
</head>
<body>
<select name='time' id='time'>
<option value='anytime'>Entire Day</option>
<option value='06:00'>Morning</option>
<option value='12:00'>Afternoon</option>
<option value='18:00'>Evening</option>
</select>
<div id="dialog" title="test dialog">
This is the default dialog which is useful for displaying
information. The dialog window can be moved, resized and closed with
the 'x' icon.
</div>
</body>
</html>
