title: jQuery Colorpicker change value on click out
body: <p>I am using this jQuery Colorpicker <a href="http://www.eyecon.ro/colorpicker/#about" rel="nofollow">http://www.eyecon.ro/colorpicker/#about</a></p>
  
  <p>Is there any way I can make it change the value(*color code) of the input on click out of the colorpicker?</p>
  
  <p>Now it submits the color picked only by clicking the submit button on the Colorpicker.</p>
  
  <pre><code>    &lt;input type="text" value="#FFFFFF"&gt;
  
      &lt;script type="text/javascript"&gt;
      $.noConflict();
      jQuery(document).ready(function ($) {
        $('input').ColorPicker({
            onSubmit: function(hsb, hex, rgb, el) {
                $(el).val('#' + hex);
                $(el).ColorPickerHide();
            },
            onBeforeShow: function () {
                $(this).ColorPickerSetColor(this.value);
            }
        })
        .bind('keyup', function(){
            $(this).ColorPickerSetColor(this.value);
        });
      });
  
  &lt;/script&gt;
  </code></pre>