title: Uncaught TypeError: $(...).datepicker is not a function(anonymous function)
body: <p>I found few answers on stack overflow but still cant resolve my problem.
  I am running on Django but I dont think it is relevant for this error.</p>
  <p>I try to make work my date picker java script but I am getting the error</p>
  <p>1:27 Uncaught TypeError: $(...).datepicker is not a function(anonymous function) @ 1:27fire @ jquery-1.9.1.js:1037self.fireWith @ jquery-1.9.1.js:1148jQuery.extend.ready @ jquery-1.9.1.js:433completed @ jquery-1.9.1.js:103
  jquery-2.1.0.min.js:4 XHR finished loading: POST &quot;https://localhost:26143/skypectoc/v1/pnr/parse&quot;.l.cors.a.crossDomain.send @ jquery-2.1.0.min.js:4o.extend.ajax @ jquery-2.1.0.min.js:4PNR.findNumbers @ pnr.js:43parseContent @ contentscript.js:385processMutatedElements @ contentscript.js:322</p>
  <p>This is all my scripts :</p>
  <pre class="lang-html prettyprint-override"><code>&lt;meta charset=&quot;utf-8&quot;&gt;
  &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge,chrome=1&quot; /&gt;
  
  &lt;script src=&quot;http://code.jquery.com/jquery-1.9.1.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;http://code.jquery.com/ui/1.11.0/jquery-ui.js&quot;&gt;&lt;/script&gt;
  
  &lt;script type=&quot;text/javascript&quot;&gt;
      $(document).ready(function() {
          $('.dateinput').datepicker({ format: &quot;yyyy/mm/dd&quot; });
      }); 
  &lt;/script&gt;
  
  &lt;!-- Bootstrap core JavaScript
  ================================================== --&gt;
  
  &lt;!-- Placed at the end of the document so the pages load faster --&gt;
  &lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js&quot;&gt;&lt;/script&gt;
  
  &lt;script&gt;window.jQuery || document.write('&lt;script src=&quot;../../assets/js/vendor/jquery.min.js&quot;&gt;&lt;\/script&gt;')&lt;/script&gt;
  &lt;script src=&quot;http://getbootstrap.com/dist/js/bootstrap.min.js&quot;&gt;&lt;/script&gt;
  &lt;!-- Just to make our placeholder images work. Don't actually copy the next line! --&gt;
  &lt;script src=&quot;http://getbootstrap.com/assets/js/vendor/holder.min.js&quot;&gt;&lt;/script&gt;
  &lt;!-- IE10 viewport hack for Surface/desktop Windows 8 bug --&gt;
  &lt;script src=&quot;http://getbootstrap.com/assets/js/ie10-viewport-bug-workaround.js&quot;&gt;&lt;/script&gt;
  &lt;script type=&quot;text/javascript&quot;&gt;
      $(document).ready(function() {
          $(&quot;#extra-content&quot;).hide();
          $(&quot;#toggle-content&quot;).click(function(){
              $(&quot;#extra-content&quot;).toggle();
          });
      });
  &lt;/script&gt;            
  </code></pre>
  <p>any feedback will be very appreciated</p>