title: datepicker is not a function
body: <p>This question is already asked many times but none of them worked for me. I am trying to use this date picker in a <code>JSP</code> file. This is my script</p>
  
  <pre><code>&lt;head&gt;
  &lt;title&gt;My Home&lt;/title&gt;
  &lt;link rel="stylesheet" type="text/css"
  href="../resource/css/page-style.css" /&gt;
  &lt;link rel="stylesheet" type="text/css"
  href="../resource/css/jQuery-ui.css" /&gt;
  &lt;script src="../resource/js/jquery-1.9.1.js"&gt;&lt;/script&gt;
  &lt;script src="../resource/js/jquery-ui.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="../resource/js/form-elements.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  $("document").ready(function() {
      $("#shortcuts").load("shortcut.html");
      $("#datepicker").datepicker();
      alert('jQuery is working');
  });
  &lt;/script&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>The <code>shortcut</code> file is loading perfectly, alert is also showing. I get error message as <code>TypeError: $(...).datepicker is not a function</code>. I am not facing this problem if I run this script in a html file placed in my desktop, when I copy the come code to my IDE and run it I get this error in my console. Please suggest me what can I do? I know this question is asked several times I have checked every answer this is the only <a href="https://stackoverflow.com/questions/13709197/using-jquery-datepicker-in-a-jsp/13709402#13709402">link</a> having close match to my prob but didn't work for me.</p>