hello guys i am trying to add jquery datapicker function but its not working.here is the code....
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="css/stu.css" />
<style type="text/css">
<!--
.style1 {color: #C0C0C0}
-->
</style>
<script src="jquery.datePicker.js" type="text/javascript" charset="utf-8">
</script>
<script src="datePicker.css" type="text/javascript" charset="utf-8">
</script>
<!------datapicker function---!>
[B]<script>
$(document).ready(function(){
$(function() {
$( "#date" ).datepicker();
});
});
</script>[/B]
</head>
<!---------------------------------------------------------------------->
<style type="text/css">
.form-label{
width:150px !important;
}
.form-label-left{
width:150px !important;
}
.form-line{
padding:10px;
}
.form-label-right{
width:150px !important;
}
.form-all{
width:650px;
color:Black !important;
font-family:Verdana;
font-size:12px;
}
</style>
<div class="upper">
</div>
<div class="image2">
<img src="images/images2_03.jpg" />
</div>
<div class="main">
<div class="center">
<div class="test"><form class="jotform-form" action="http://www.jotform.com/submit.php" method="post" name="form_11730317049" id="11730317049" accept-charset="utf-8">
<input type="hidden" name="formID" value="11730317049" />
<select class="form-dropdown" style="width:150px" >
<option> </option>
<option value="Option 1"> Option 1 </option>
<option value="Option 2"> Option 2 </option>
<option value="Option 3"> Option 3 </option>
</select>
<input type="hidden" id="simple_spc" name="simple_spc" value="11730317049" />
</form>
<label class="label"> Go to
</label>
</div>
<div class="print">
</div>
</div>
<div class="test1">
<div id="navbar">
<div id ="holder">
<ul>
<li><a href="student_info.php" id="onlink">Gernal</a></li>
<div class="test2"> <li><a href="student_info2.php" >Guardian infor</a></li></div>
<div class="test3"> <li><a href="student_info3.php" >martial</a></li></div>
</ul>
</div>
</div><!----holder -->
</div><!----navbar-->
<div class="white">
<form id="formID" class="formular" method="post" action="" style="width:600px">
<div class="field2">
<span>First Name</span>
</div>
<div class="field3">
<input type="text" id="first" />
</div>
<div class="field4">
<span>Date</span>
</div>
[B]<div class="field5">
<input type="text" name="date" id="date" />
</div>[/B]
<p>
</p>
</label>
</form></div>
</div>
<!----------------------------------------------->
<div class="main2">
</div>
</div>
</div>
<!----------------------------------------------->
<div class="hr">
<strong><hr></strong>
</div>
<!----------------------------------------------->
<div class="hr2">
<strong><hr></strong>
</div>
<!----------------------------------------------->
<div class="hr5">
<strong><hr></strong>
</div>
<!----------------------------------------------->
<div class="hr6">
<strong><hr></strong>
</div>
<!----------------------------------------------->
<div class="image"><img src="images/m_03.jpg"/>
</div>
<div class="name"><font size="3" face="verdana" color="Teal">Student Details </font></div>
<div class="name2">Student info </div>
<!------------------------------------------------------------------------------------------>
<div class="hr3">
<strong><hr></strong>
</div>
<div class="hr4">
<strong><hr></strong>
</div>
<body>
<div class="printer"><a href="images/Untitled-1.jpg" class="style1"><font color="Black ">Print</a></font></div>
<div class="hyper"><a href="images/upper.jpg" class="style1"><font color="Black ">Save</font></a>
</div>
<!--<div class="left">
<div class="centerimage">
</div>
<div class="right"></div>
</div>
-->
</body>
</html>
>>>>