DatePicker - nothing happens

DatePicker - nothing happens


Forgive me if this is obvious, but I'm new to JQuery.
The datepicker is not popping up. I'm wondering if I haven't got the
correct included .js files but I find that the documentation on this
is confusing. Do I need a core UI js file too?
Page is below:
<%@ Page Language="VB" AutoEventWireup="false"
CodeFile="JQuery5.aspx.vb" Inherits="JQuery5" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
</style>
<link type="text/css" href="js/css/smoothness/jquery-
ui-1.7.1.custom.css" rel="stylesheet" />
<script language="javascript" type="text/javascript" src="js/
jquery-1.3.2.min.js" />
<script language="javascript" type="text/javascript" src="js/
jquery-ui-1.7.1.custom.min.js" />
<script language="javascript" type="text/javascript">
$(function(
{
$("#jon").datepicker();
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server" />
</div>
<div id="dvPane">
<input id="jon" value="" />
</div>
</form>
</body>
</html>