Sending jQuery colorbox color to an additional element
<p>I am trying to send the selected jQuery colorbox color chosen by user to a a text string inside </p>

<pre><code>&lt;div class="user-text"&gt;
</code></pre>

<p>Currently it is only affecting the display sxwatch that shows what the user is selecting.
Here is the function I am trying. I figured I could just add a new line telling it the display 'color'.</p>

<pre><code>$('.user-text').css('color', '#' + hex);
</code></pre>

<p>Here is the entire function I have</p>

<pre><code>$('#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);
    $('.user-text').css('color', '#' + hex);
}
  });
</code></pre>
