[jQuery] Making the cookie plugin work with the colorpicker plugin

[Travis]

Hey guys,
I'm trying to take the hex value chosen from a jQuery colorpicker
plugin, and store it as a cookie using the jQuery cookie plugin.

I just don't know the appropriate way to tie the two together.

Here's my colorpicker function:

    $('#colorSelector').ColorPicker({
        color: '#ffffff',
        onShow: function (colpkr) {
        $(colpkr).fadeIn(500);
        return false;
},
onHide: function (colpkr) {
        $(colpkr).fadeOut(500);
        return false;
},
onChange: function (hsb, hex, rgb) {
        $('#colorSelector div, .preview-image, .cover ').css
('backgroundColor', '#' + hex);
        $('body').css('backgroundColor', '#' + hex);
                $.cookie('bgColor', 'picker');
        return false;
}
});

And here's my cookie function as is:

var bgColor = $.cookie('bgColor');

if (bgColor == 'picker') {
$('#colorSelector div, .preview-image, .cover ').css
('backgroundColor', '#' + hex);
};

I can set and store the cookie value as a standard css background-
color, but can't figure out how to pull the "'backgroundColor', '#' +
hex" value into the cookie function.

Thanks in advance.