Javascript 通过单击事件或将包含jscolor的sample.html加载到div中来创建jscolor

我试图通过单击一个div来使用jscolor创建一个颜色选择器，类似这样的东西是行不通的

<div id='aa'>make anohter</div>
<div id='bb'></div>
<script src="js/jquery-1.9.1.js"></script>
<script src="js/jscolor/jscolor.js"></script> 
<script>
$( "#aa" ).click(function() {
    document.getElementById("bb").innerHTML = "<input class='color'>";
});
</script>

但随后它将删除#colorpicker，这将使我的单击只工作一次。我尝试使用克隆方法，但没有成功。
提前感谢

$（“#aa”）。单击（函数（）{
document.getElementById（“bb”）.innerHTML=“”；
jscolor.installByClassName（'color'）；
});
#aa{
光标：指针；
}

显示JS颜色选择器

$('#somediv').click(function(){
$('#colorpicker').appendTo( "#newplace" )};