title: I can't get Jquery UI timepicker plugin to work
body: <p>I am trying to use the Jquery UI timepicker but when I click on the text box, the timepicker is not displayed. What I want to know is have I included all of the requirements for this type of plugin and is the function for the timepicker correct?</p>
  
  <p>Below is the code:</p>
  
  <pre><code>&lt;head&gt;
          &lt;meta http-equiv="Content-Type" content="text/html;charset=utf-8" /&gt;
          &lt;title&gt;Create a Session&lt;/title&gt;
          &lt;link rel="stylesheet" type="text/css" href="MyStyles.css"&gt;
          &lt;script type="text/javascript" src="jquery/jquery-1.7.min.js"&gt;&lt;/script&gt;
  
          &lt;link rel="stylesheet" type="text/css" href="jquery/ui-lightness/jquery.ui.timepicker.css"/&gt;
          &lt;link rel="stylesheet" type="text/css" href="jquery/ui-lightness/jquery-ui-1.8.14.custom.css"/&gt;
          &lt;script type="text/javascript" src="jquery/jquery.ui.timepicker.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript"&gt;
  
   $(function() {
          $( "#timepicker" ).timepicker();
      });
  
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;form action="create_session.php" method="post" name="sessionform"&gt;
  &lt;p&gt;&lt;strong&gt;5: Time:&lt;/strong&gt;&lt;input type="text" id=""&gt;&lt;/p&gt;
  &lt;/form&gt;
  &lt;/body&gt;
  </code></pre>