title: jQuery Colour Picker - Dynamic Selector
body: <p>Hey Guys, basically what im trying to do is use the one instance for all the colour selectors on my page. The code im using is this.</p>
  
  <pre><code>$('.color').ColorPicker({ 
          color: '#0000ff',
      onShow: function (colpkr) { $(colpkr).fadeIn(500); return false; },
      onHide: function (colpkr) { $(colpkr).fadeOut(500); return false; },
      onChange: function () { $(this).css('backgroundColor', '#' + hex);}
  });
  </code></pre>
  
  <p>The problem is though, the <strong>onChange</strong> function doesnt select <strong>$(this)</strong> as the selector clicked, but changes the colour of the colour picker ui itself.</p>
  
  <p>How do I reference the actual value while still keeping it dynamic to any color selector on the page?</p>
  
  <p>The plugin im using is <a href="http://www.eyecon.ro/colorpicker/" rel="nofollow">http://www.eyecon.ro/colorpicker/</a></p>
  
  <p>Thanks,
  Warren</p>