Jquery

Question

how to add datepicker control in content paage nested by master page?

 

 

Master Page Code 

 

<asp:ContentPlaceHolder ID="head" runat="server">

<link href="jquery-ui.min.css" rel="stylesheet" />

<script type="text/javascript" src="Scripts/jquery-1.7.2.min.js"></script>

<script type="text/javascript" src="Scripts/jquery-ui-1.8.19.custom.min.js"></script>

<script type="text/javascript">

$(function() {

$( "#datepicker" ).datepicker();

});

</script>

 

 

Content Page Code 

 

<p>Date: <input type="text" id="datepicker"/></p>

 

 

plz tell me what is the mistake in the code??