color picker doesn't show in my code
<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>