title: datetimepicker is not a function jquery
body: <p>I working with datetimepicker jquery ui, when code below html , datetimepicker is not displaying and when i inspect with <code>firebug console</code> it displayed an error ``</p>
  
  <pre><code>$("#example1").datetimepicker is not a function
  [Break On This Error] $("#example1").datetimepicker(); 
  </code></pre>
  
  <p>and below is the code</p>
  
  <pre><code>&lt;link href="css/styles.css" rel="stylesheet" type="text/css"&gt;
  &lt;link href="css/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css"&gt;
  
  &lt;style&gt;
      .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
  
      .ui-timepicker-div dl { text-align: left; }
      .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
      .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }          
      .ui-timepicker-div td { font-size: 90%; }           
      .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }                   
  
  &lt;/style&gt;
  
  
  &lt;script type="text/javascript" src="scripts/jquery.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript" src="scripts/jquery/ui/jquery.ui.datepicker.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="scripts/jquery/ui/jquery-ui-1.8.16.custom.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="scripts/jquery/ui/jquery-ui-timepicker-addon.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="scripts/jquery/ui/jquery-ui-sliderAccess.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
      $(document).ready(function(){
          $("#example1").datetimepicker();
      });
  &lt;/script&gt;
  
  &lt;script&gt;
  
  &lt;/script&gt;
  
  &lt;input type="text" id="example1" class="hasDatePicker"&gt;
  </code></pre>