title: jQuery minicolor.js not behaving as expected
body: <p>I'm currently implementing jQuery <a href="http://labs.abeautifulsite.net/jquery-minicolors/" rel="nofollow noreferrer">minicolor.js</a> in an input box in my website, as you can <a href="http://alexanderlozada.com/themer/?pSize=a" rel="nofollow noreferrer">see by clicking here</a>.  Going by the documents listed above, I seem to have done everything correctly, yet I'm still having a problem.</p>
  
  <p>jQuery:</p>
  
  <pre><code>$(function(){
      $('.color').each(function(){
          $(this).minicolors();
      });
  });
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;form&gt;
      &lt;input type="text" class="color"&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I've also properly included jQuery, minicolor.js, and the css file.  Yet, for some reason it ends up looking like this.</p>
  
  <p><img src="https://i.stack.imgur.com/8rhZi.png" alt="enter image description here"></p>
  
  <p>It works, but the graphics for it are all messed up - which I <em>think</em> would be related to the CSS file, but I'm positive I linked it correctly.  How can I fix this?</p>