Question: im using [jQuery ColorPicker](http://vanderlee.github.io/colorpicker/) and i want to have a button that adds input to get more than one color, im doing this:

```
<script>
    $(document).ready(function(){
        $("#btn1").click(function(){
            $(".test").prepend('<input type="text" id="colorpicker-" value=""><br>');
        });
    });
</script>
<div class="test"></div>
<button id="btn1">Append text</button>

```

but when i click the button the little button on the right that show the popup is not showing...

if i put `<input type="text" id="colorpicker-full" value="fe9810">` works normally with the popup button... 

Why is not working when I'm adding new inputs?

Thanks!

Answer: 
I have updated your JSFiddle [here](http://jsfiddle.net/vq6xqbbs/). Basically you need to set a new id for each input added. You can't set two or more tags with the same id. And after new input insert you need to call .colorpicker again for the new input tag.

The result code would be like this:

```
$(document).ready(function(){
    $("#btn1").click(function(){
        var newid=$(".test input").length;
        $(".test").prepend('<input type="text" id="colorpicker-'+newid+'" value=""><br>');
        $('#colorpicker-'+newid).colorpicker({
         parts:          'full',
         alpha:          true,
         showOn:         'both',
         buttonColorize: true,
         showNoneButton: true
        });
     });
});

```
```
Only 2 Steps to add this one.
1] Add color JS file at given Download option

2] <script src="jscolor.js"></script>
   Color: <input class="jscolor" value="ab2567">

```

[Download demo](http://jscolor.com/)