title: jQuery datepicker when loaded says undefined.
body: <p>Im trying to implement a date picker in my form however when the code it added the date picker does not display in the brewers. When the console is inspected this error is posted
  TypeError: 'undefined' is not a function (evaluating '$( "#datepicker" ).datepicker()')
  The jQuery library file is added in the root folder.</p>
  
  <p>Bellow is the code used:</p>
  
  <pre><code>$(document).ready(function() {
  $( "#datepicker" ).datepicker();
  });
  
  &lt;!doctype html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;Datepicker&lt;/title&gt;
  &lt;link rel="stylesheet" href="jquery-ui-1.10.4.custom.css"&gt;
  &lt;script src="jquery-1.10.2.js"&gt;&lt;/script&gt;
  &lt;script src="datepicker.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;p&gt;Date: &lt;input type="text" id="datepicker"&gt;&lt;/p&gt;
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>