trouble with jquery colorpicker plugin
<p>I'm messing with the <a href="http://www.eyecon.ro/colorpicker/" rel="nofollow">colorpicker plugin for jquery</a> and found that while the sample html page works fine, I can't seem to get it to work in my test.html file.</p>

<p>This works:</p>

<pre><code>$('#colorPick').ColorPicker({flat: true});
</code></pre>

<p>But this does not (entire test html page included for context):</p>

<pre><code>&lt;head&gt;
        &lt;link rel="stylesheet" href="css/colorpicker.css" type="text/css" /&gt;
    &lt;title&gt;Holy Crap what a Test!&lt;/title&gt;
        &lt;script type="text/javascript" src="js/jquery.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="js/colorpicker.js"&gt;&lt;/script&gt;
&lt;link rel="stylesheet" href="http://dev.jquery.com/view/tags/ui/latest/themes/flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)"&gt;

&lt;script type="text/javascript" src="http://dev.jquery.com/view/tags/ui/latest/ui/ui.core.js"&gt;&lt;/script&gt;

&lt;/head&gt;
&lt;body&gt;
&lt;span id="colorPick" style="background-color: #0000ff"&gt; &amp;nbsp; &lt;/span&gt; Test color picker
&lt;script type="text/javascript"&gt;

$(document).ready(function() {
        $('#colorPick').ColorPicker({
                color: '#0000ff',
                onSubmit: function(hsb, hex, rgb, el) {
                        $(el).val(hex);
                        $(el).ColorPickerHide();
                },
                onBeforeShow: function () {
                        $(this).ColorPickerSetColor(this.value);
                }
        })
});


&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>Basically when I don't have flat:true in the parameters the function fails, and firebug reveals that in the second example the plugin is in fact placing a hidden div on the document that is presumably the color picker waiting to be unhidden. But no button is showing up to reveal it.</p>

<p>I tried placing the &amp;nbsp inside the span there so I would have something to click on, which didn't reveal the color picker but it did reveal in the javascript console the message "col is undefined"</p>

<p>Copying and pasting code from the examples fails too. I'm hoping the solution here will be obvious to someone.</p>

<p>Thanks!</p>
