title: Jquery function doesn't load - undefined is not a function
body: <p>I'm trying to install this datetimepicker for bootstrap:
  <a href="https://github.com/Eonasdan/bootstrap-datetimepicker/wiki/Installation" rel="nofollow">https://github.com/Eonasdan/bootstrap-datetimepicker/wiki/Installation</a></p>
  
  <p>I've got this in the header of my document:</p>
  
  <pre><code>    &lt;script src="/js/jquery-1.11.1.min.js"&gt;&lt;/script&gt;
      &lt;script src="/js/moment.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>And this in the footer:</p>
  
  <pre><code>    &lt;script src="/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script src="/js/bootstrap-datetimepicker.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>And here is the code using the picker:</p>
  
  <pre><code>                &lt;div class="form-group"&gt;
                      &lt;div class='input-group date' &gt;
                          &lt;input type='text' name="picker" class="form-control" id='datetimepicker'/&gt;
                          &lt;span class="input-group-addon"&gt;&lt;span class="glyphicon glyphicon-calendar"&gt;&lt;/span&gt;&lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
              &lt;script type="text/javascript"&gt;
                  $(function () {
                      $('#datetimepicker').datetimepicker();
                  });
              &lt;/script&gt;
  </code></pre>
  
  <p>The problem is that .datetimepicker is an "unresolved function". Why?</p>
  
  <p>Edit:</p>
  
  <p>The IDE (PHPStorm) says that it's unresolved function. And actually running it in Chrome confirms:</p>
  
  <pre><code>    bootstrap-datetimepicker.min.js:1 Uncaught TypeError: undefined is not a function
      myfile.php:42 Uncaught TypeError: undefined is not a function
      bootstrap-datetimepicker.min.js:1 Uncaught Error: Must choose at least one picker
  </code></pre>
  
  <p>Edit2: I updated the header/footer.
  Header:
          </p>
  
  <p>Footer:</p>
  
  <pre><code>&lt;script src="/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="/js/moment.min.js"&gt;&lt;/script&gt;
  &lt;script src="/js/bootstrap-datetimepicker.min.js"&gt;&lt;/script&gt;
  &lt;script src="/js/bootstrap-rowlink.js"&gt;&lt;/script&gt;
  &lt;script src="/js/myscripts.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      $(function () {
          $('#datetimepicker').datetimepicker();
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Now IDE recognizes datetimepicker() as a function, but still the same problem in Chrome! (see above)</p>