title: ReferenceError: $ is not defined
body: <p>I have this error message <code>ReferenceError: $ is not defined</code><br>
  This is my header.</p>
  <pre><code>&lt;link href=&quot;css/global-style.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; media=&quot;screen&quot;&gt;
  &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; media=&quot;screen&quot; href=&quot;css/datepicker3.css&quot;&gt;
  &lt;script type=&quot;text/javascript&quot; src=&quot;js/jquery.js&quot;&gt;&lt;/script&gt;
  &lt;script type=&quot;text/javascript&quot; src=&quot;assets/bootstrap/js/bootstrap.min.js&quot;&gt;&lt;/script&gt;
  &lt;script type=&quot;text/javascript&quot; src=&quot;js/bootstrap-datepicker.js&quot;&gt;&lt;/script&gt;
  </code></pre>
  <p>Following is my JavaScript code</p>
  <pre><code>&lt;script type=&quot;text/javascript&quot;&gt;
  $('#sandbox-container .input-daterange').datepicker({
      startDate: &quot;today&quot;,
      calendarWeeks: true,
      todayHighlight: true
  });
  &lt;/script&gt;
  </code></pre>
  <p>Following is the HTML</p>
  <pre><code>&lt;div class=&quot;col-md-12&quot; id=&quot;sandbox-container&quot;&gt;
      &lt;label&gt;Project Duration&lt;/label&gt;
      &lt;div class=&quot;input-daterange input-group&quot; id=&quot;datepicker&quot;&gt;
              &lt;input type=&quot;text&quot; class=&quot;input-md form-control&quot; name=&quot;start&quot; /&gt;
              &lt;span class=&quot;input-group-addon&quot;&gt;to&lt;/span&gt;
              &lt;input type=&quot;text&quot; class=&quot;input-md form-control&quot; name=&quot;end&quot; /&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>I want to show <code>datepicker</code> on the input tag.<br>
  I am using Bootstrap V3.1.<br>
  I am using <a href="http://www.eyecon.ro/bootstrap-datepicker/" rel="nofollow noreferrer">this</a> <code>datepicker</code>.</p>