title: datepicker is not a function (bootstrap datepicker)
body: <p>I am trying to use Bootstrap datepicker in my project. I include following scripts and styles:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;link href="{{ url('/datepicker/css/datepicker.css') }}" rel="stylesheet"&gt;
  &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"&gt;
  &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"&gt;
  &lt;script src="{{ url('/js/jquery-3.1.1.min.js') }}"&gt;&lt;/script&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"&gt;&lt;/script&gt;
  &lt;script src="{{ url('/datepicker/js/bootstrap-datepicker.js') }}"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Field for entering date:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="form-group "&gt;
    &lt;div class='input-group date' id='datepicker'&gt;
      &lt;input type="text" id="processdate" class="form-control datepicker" placeholder="Processing Date..." name="processdate" /&gt;
      &lt;span class="input-group-addon btn"&gt;&lt;i class="glyphicon glyphicon-calendar"&gt;&lt;/i&gt; &lt;/span&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;script&gt;
  $(document).ready(function () {
      $('#datepicker').datepicker({
          startDate: '-180d',
          endDate: '+1d',
          autoclose: true
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>But when I open the page, I get following error:</p>
  
  <pre><code>Uncaught TypeError: $(...).datepicker is not a function
      at HTMLDocument.&lt;anonymous&gt; (register:135)
      at j (jquery-3.1.1.min.js:2)
      at k (jquery-3.1.1.min.js:2)
  </code></pre>
  
  <p>Where is the mistake?
  I used the code from here:
  <a href="http://jsfiddle.net/Lro8kxjx/6/" rel="nofollow noreferrer">http://jsfiddle.net/Lro8kxjx/6/</a></p>