title: color picker doesn't show in my code
body: <p>I need to use a color picker so I use this:</p>
  
  <p><a href="http://www.eyecon.ro/colorpicker/#about" rel="nofollow">http://www.eyecon.ro/colorpicker/#about</a></p>
  
  <p>In my page html I create this:</p>
  
  <pre><code>&lt;input id="colore_sfondo_generale" type="text" class="form-control" value=""&gt;
  </code></pre>
  
  <p>and my jquery code is:</p>
  
  <pre><code>$('body').on('click','#colore_sfondo_generale',function(){
              $('#colore_sfondo_generale').ColorPicker({
                      onSubmit: function(hsb, hex, rgb, el) {
                          $(el).val(hex);
                          $(el).ColorPickerHide();
                      },
                      onBeforeShow: function() {
                          $('#colore_sfondo_generale').ColorPickerSetColor(this.value);
                      }
                  })
                  .bind('keyup', function() {
                      $('#colore_sfondo_generale').ColorPickerSetColor(this.value);
                  });
  
          });
  </code></pre>
  
  <p>In my code this is not work and I don't know why. Anyone can help me?</p>