title: Can't get the Datepicker to show on form using javascript
body: <p>I'm trying to add Datepicker to my online form as part of my student assessment. I'm very new to all this and I'm having issues . I've downloaded and linked to my jquery UI and I've typed the code as per the jquery UI website states but the calendar doesn't pop up on my form when I click in the Date field like it suggests, I've also taken examples from this site but I still can't get it to work.</p>
  
  <pre><code>&lt;head&gt;
    &lt;link href="javascript/jquery-ui-1.10.3.custom/css/south-street/jquery-ui-1.10.3.custom.css" rel="stylesheet"&gt;
    &lt;script src="javascript/jquery-ui-1.10.3.custom/js/jquery-1.9.1.js"&gt;&lt;/script&gt;
    &lt;script src="javascript/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.js"&gt;&lt;/script&gt;
  
    &lt;script&gt;  
    function validate(){
    date = document.getElementById("datePicker").value;
  
    errors = "";
  
      if (date == ""){
        errors += "Please supply a valid DOB \n";
      }
    }
    &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;   
    &lt;form name= "myform" method="post" action="" class="booking"&gt;
    &lt;fieldset&gt;
      &lt;div&gt;
        &lt;label for="datePicker" class="fixedwidth"&gt;Date&lt;/label&gt;
        &lt;input type="text" name="datePicker" id="datePicker"/&gt;
      &lt;/div&gt;
    &lt;/fieldset&gt;
  &lt;/body&gt;
  </code></pre>