Datapicker non funzionante su post-dom

[zacca94]

Semplifico l'esempio togliendo tutti i riferimenti alle librerie originali:

<!-- jQuery/Datapicker libraries -->

<input class="form-control colorpicker colorpicker-element" type="text">
<a href="javascript:test();">Add me!</a>

<script>
function test() {
    $("body").append('<input class="form-control colorpicker colorpicker-element" type="text">');
}
</script> 

L'elemento inserito nel dom non va... Come risolvo?

[zacca94]

Risolto con

    function test() {
        var picker = $('<input class="form-control colorpicker colorpicker-element" type="text">');
        picker.datapicker({ ...settings... });
        $("body").append(picker);
    }