Как повесить colorpicker на .on
 

Есть такой код:

$('#color_container').colorpicker({
		//customClass: 'colorpicker-2x',
		format: 'hex'
	}).on('changeColor', function(event) {

			var color = event.color.toHex();
			color = color.replace('#', '');
			//console.log(color);

			$("#color").val(color);
			$('#color_container').attr('style', 'border: 1px solid #000; width: 30px; height: 20px; background: #' + color);
		}
	);

Не работает на всплывайке, т.к. динамически вставляется в DOM. нужно что-то типа:

$('body').on('colorpicker', '#color_container',

Какие есть варианты? :)

---------------------

Нашел такое решение:

$('body').on('hover', '#color_container', function() {
		$(this).colorpicker({
			//customClass: 'colorpicker-2x',
			format: 'hex'
		}).on('changeColor', function(event) {

				var color = event.color.toHex();
				color = color.replace('#', '');
				//console.log(color);

				$(this).parent().find("#color").val(color);
				$(this).attr('style', 'border: 1px solid #000; width: 30px; height: 20px; background: #' + color);
			}
		);
	});