datepicker issue

datepicker issue

I have a datpicker on a page and when I click the date I want nothing happens except a pound sign is appended to the url ? any ideas wht is wrong here is the html/javascript 



  1. <html>
  2. <head>
  3. </head>
  4. <body>
  5. <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" />
  6. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
  7. <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>

  9. <script type="text/javascript" language="javascript">
  10. $(function() {
  11. $( ".datepicker" ).datepicker({showOn: "button",buttonImage: "https://jqueryui.com/resources/demos/datepicker/images/calendar.gif",buttonImageOnly: true});
  12. });
  13. </script>

  15. <table>
  16. <tr>
  17. <td>StartDate:<input type="text" class="datepicker" id="StartDate"></td>
  18. <td>EndDate:<input type="text" class="datepicker" id="EndDate"></td>
  19. </tr>
  20. </table>
  21.  
  22. Hello <b>null</b>!


  25. </body>
  26. </html>