title: Simple implement of the color-picker plugin
body: <p>I recently started using colorpicker of <a href="http://www.eyecon.ro/colorpicker" rel="nofollow">http://www.eyecon.ro/colorpicker</a></p>
  
  <p>It seems to me a very good plugin, but I have a big problem: I can not get it to work on my site.</p>
  
  <p>Use this code to include it in the 'header</p>
  
  <pre><code>&lt;link rel="stylesheet" href="css/colorpicker.css" type="text/css" /&gt;
  &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/colorpicker.js"&gt;&lt;/script&gt;
  &lt;style type="text/css"&gt;
  
  #colorSelector {
      width: 50px;
      height: 50px;
  }
  &lt;/style&gt;
  </code></pre>
  
  <p>In the body </p>
  
  <pre><code>&lt;p&gt;
      &lt;div id="colorSelector"&gt;&lt;div style="background-color: #0000ff"&gt;&lt;/div&gt;&lt;/div&gt;
  &lt;/p&gt;
  
  &lt;script type="text/javascript"&gt;
  $('#colorSelector').ColorPicker({
      color: '#0000ff',
      onShow: function (colpkr) {
          $(colpkr).fadeIn(500);
          return false;
      },
      onHide: function (colpkr) {
          $(colpkr).fadeOut(500);
          return false;
      },
      onChange: function (hsb, hex, rgb) {
          $('#colorSelector div').css('backgroundColor', '#' + hex);
      }
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>I think it's a very simple problem to solve, but I do not understand what is wrong.</p>
  
  <p>Thanks in advance to all</p>