title: jQuery - datepicker
body: <p>I know there were tones of questions like this - but I can't get this working.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function(){
          $("#input-datepicker").datepicker();
          });
  &lt;/script&gt;
  </code></pre>
  
  <p>Displays an error that there's no datepicker() function.</p>
  
  <p>I tried so many script including combinations, none works. This is the current one:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" /&gt;
  &lt;script src="http://code.jquery.com/jquery-1.9.1.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>I tried adding <code>type="text/javascript"</code>, placing includes above/below the form, changing <code>$("#input-datepicker")</code> into div containing the field...nothing.</p>
  
  <p>Can you help me?</p>
  
  <p>EDIT.</p>
  
  <pre><code>&lt;script src="http://code.jquery.com/jquery-1.9.1.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" /&gt;
  &lt;script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      $(document).ready(function(){
          $("#bbb").datepicker();
      });
  &lt;/script&gt;
  &lt;div id="input-datepicker" class="input"&gt;
      &lt;label  for="bbb"&gt;Calendar&lt;/label&gt;    &lt;input name="bbb" id="bbb" type="text" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>EDIT 2.</p>
  
  <pre><code>&lt;link type="text/css" href="..." rel="stylesheet" /&gt; 
  &lt;form action="..." method="post" id="form" accept-charset="utf-8" enctype="multipart/form-data"&gt;    &lt;div id="input-file" class="input"&gt;
      &lt;label for="aaa"&gt;&lt;/label&gt;    &lt;input  type="file" name="aaa" id="aaa"  &lt;/div&gt;&lt;script src="http://code.jquery.com/jquery-1.9.1.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" /&gt;
  &lt;script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      $(document).ready(function(){
          $("#bbb").datepicker();
      });
  &lt;/script&gt;
  &lt;div id="input-datepicker" class="input"&gt;
      &lt;label  for="bbb"&gt;Calendar&lt;/label&gt;    &lt;input name="bbb" id="bbb" type="text" /&gt;
  &lt;/div&gt;
  &lt;div id="input-submit" class="input"&gt;
      &lt;input type="submit" name="submit" value="submit" /&gt;
  &lt;/div&gt;
      &lt;script type="text/javascript" src="http://code.jquery.com/jquery-1.9.0.min.js"&gt;&lt;/script&gt;
  // ...
  &lt;/form&gt;
  </code></pre>