title: using minicolors jquery
body: <p>Ive been trying to impliment <a href="http://www.abeautifulsite.net/blog/2011/02/jquery-minicolors-a-color-selector-for-input-controls/" rel="nofollow">minicolors</a>. Everything is fine and i have positioned it the way i want but there are some problems implimenting the jquery for me I get this error on the console Uncaught TypeError: Object [object Object] has no method 'miniColors'  I have included all jquery files needed.</p>
  
  <pre><code>&lt;script src="javascripts/jquery.minicolors.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="stylesheets/jquery.minicolors.css" /&gt;
  
  &lt;input class="mini" type="minicolors" data-swatch-position="left" value="#75bd25"  
  
  data-textfield="false" name="color" /&gt;
  
  
  &lt;script type="text/javascript"&gt;
  $(document).ready( function() {
  
  $('INPUT[type=minicolors]').miniColors({
  change: function(hex, rgb) {     $('body').css("background-color",hex); }   
  });
  
  });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>THANKS ALOT FOR YOUR HELP!!</p>
  
  <p>this is the reviced code I drew thanks for your help</p>
  
  <p></p>
  
  <pre><code>$(document).ready( function() {
  
    $('INPUT[type=minicolors]').on('change', function() {
  
      var input = $(this),
        hex = input.val();
  
        $('body').css("background-color",hex);
  
    });
  
  });
  </code></pre>
  
  <p></p>
  
  <p>there are no errors this time but it is not working what am i doing wrong?</p>
  
  <p>thanks again for the help!</p>