title: Uncaught TypeError: undefined is not a function in datepicker
body: <p>I am trying to use date picker of jquery in mvc4.</p>
  
  <p>It was giving me error:</p>
  
  <pre><code>Uncaught TypeError: undefined is not a function
  </code></pre>
  
  <p>My jQuery function is like:</p>
  
  <pre><code>$(document).ready(function () {
      $('#dpFrom').datepicker();
  });
  </code></pre>
  
  <p>html part is like:</p>
  
  <pre><code> &lt;input type="text" id="dpFrom"  /&gt;
  </code></pre>
  
  <p>I refered :</p>
  
  <p><a href="https://stackoverflow.com/questions/23232897/uncaught-typeerror-undefined-is-not-a-function-while-using-jquery-ui?answertab=active#tab-top">Uncaught TypeError: undefined is not a function while using jQuery UI</a></p>
  
  <p>And included :</p>
  
  <pre><code>&lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" /&gt;
  &lt;script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>So total javascript became:</p>
  
  <pre><code>&lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" /&gt;
  &lt;script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"&gt;&lt;/script&gt;  
  &lt;script type="text/javascript"&gt;
      jQuery(document).ready(function () {
          jQuery('#dpFrom').datepicker();
  
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Still its giving me error.</p>
  
  <p>Please help...</p>