title: How do I make JQuery Color Box show?
body: <p>I am using this plugin: </p>
  
  <p><a href="https://github.com/evoluteur/colorpicker" rel="nofollow">https://github.com/evoluteur/colorpicker</a></p>
  
  <p>I am stuck on this step: </p>
  
  <pre><code>Now, let's attach it to an existing &lt;input&gt; tag:
  
  &lt;script type="text/javascript"&gt;
      $(document).ready(function() {
          $("#mycolor").colorpicker();
      });
  &lt;/script&gt;
  
  &lt;input style="width:100px;" id="mycolor" /&gt;
  </code></pre>
  
  <p>I am putting the script in the head and obviously the input is in the body.  I ensured that the file paths are right and I get no error.  When I go into mycolor field the color box doesn't show.  I am new to JS and a bit puzzled.  Not sure how to get it to work.  Any ideas on what I might be doing wrong?</p>