Why won't this work in firefox?
The alert box works, but the datepicker never comes up. I'm just
trying to figure out why. I have referenced all the libraries
correctly. Thank you for any help.
<HTML lang=en xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>My Title</TITLE>
<META content="text/html; charset=utf-8" http-equiv=Content-Type>
<link type="text/css" href="jquery-ui-1.7.custom.css"
rel="Stylesheet" />
<LINK REL=StyleSheet HREF="style.css" TYPE="text/css" MEDIA=screen>
<STYLE type=text/css media=screen>
.column { width: 170px; float: left; padding-bottom: 100px; }
.portlet { margin: 0 1em 1em 0; }
.portlet-header { margin: 0.3em; padding-bottom: 4px; padding-left:
0.2em; }
.portlet-header .ui-icon { float: right; }
.portlet-content { padding: 0.4em; }
.ui-sortable-placeholder { border: 1px dotted black; visibility:
visible !important; height: 50px !important; }
.ui-sortable-placeholder * { visibility: hidden; }
</STYLE>
</head>
<SCRIPT type=text/javascript charset=utf-8 src="jquery-1.3.2.min.js"></
SCRIPT>
<script type="text/javascript" src="jquery-ui-1.7.custom.min.js"></
script>
<SCRIPT type=text/javascript charset=utf-8>
$(document).ready(function() {
alert('hi');
$('#date').datepicker();
});
</SCRIPT>
<body>
<html>
<input type="text" name="date" id="date" />
</body></html>