title: 'timepicker is not a function' when using timepicker.js?
body: <p>I'm trying to put a timepicker into a form using this plugin: <a href="http://jonthornton.github.io/jquery-timepicker/" rel="nofollow">http://jonthornton.github.io/jquery-timepicker/</a>. It seemed like all I had to do was download the library and use jQuery and jQuery ui, but so far I cannot get this to work even though the datepicker from jQuery works great.</p>
  
  <p>Here's my code:</p>
  
  <pre><code>                &lt;link rel="stylesheet" href="/jquery-ui.css"&gt;
                  &lt;link rel="stylesheet" href="//code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css"&gt;
                  &lt;link rel="stylesheet" href="js/timepicker.css"&gt;
                  &lt;script src="//code.jquery.com/jquery-1.10.2.js"&gt;&lt;/script&gt;
                  &lt;script src="//code.jquery.com/ui/1.11.3/jquery-ui.js"&gt;&lt;/script&gt;
                  &lt;script src="js/timepicker.js"&gt;&lt;/script&gt;
  
  
                 &lt;script&gt;
                   $(function() {
                       $( "#datepicker" ).datepicker();    
                   });
  
                   $(function() {
  $('#timepicker1').timepicker();
                   });
                  &lt;/script&gt;
  
                &lt;form method="post" action = "makecleaningappt"&gt;
                      What day would you like a cleaning?
                      &lt;input type="text" id="datepicker" name = "date"&gt;
  
                   What time would you like to start?&lt;br&gt;(example format: 3 pm)
                      &lt;input type="text" id="timepicker1" name = "time" &gt;
  ...
  </code></pre>
  
  <p>I get the following error when I run this in firefox:</p>
  
  <pre><code>TypeError: $(...).timepicker is not a function
  </code></pre>
  
  <p>I have also tried not embedding the js call to timepicker in a lambda function. I have also tried attaching the timepicker id to a div element. Neither of these options works. I have seen in other SO posts that this error is usually when there is a naming conflict, but I don't have anything named 'timepicker' in my code apart from the include of the timepicker.css and timepicker.js files.</p>
  
  <p>I'd appreciate any suggestions for troubleshooting this. Thanks!</p>