Crear datepicker dinamicamente con javascript

[JAI_ME]

Buenas noches, estoy usando el datepicker de jquery en mi proyecto, con el siguiente código


<script>
$(document).ready(function(){

$(".campofecha").datepicker({
showOn: 'both',
buttonImage: 'datepicker/calendar.gif',
buttonImageOnly: true,
changeYear: true,
numberOfMonths: 1,
changeMonth: true,
yearRange: '-90 :+100'
});
</script>

y tengo un boton en el HTML
de la siguiente manera

<input type="button" id="bgenerar" name="bgenerar" value="Genera" onclick="generafecha();" />


generafecha es un funcion en un documento javascript la cual genera atomaticamente varios camposfecha cuya clase es "campofecha" es decir un datepicker, pero al generarlos crea solo los imputs pero no las propiedades del datepicker, se que es porque generando los camposfecha despues de haberse cargado la pagina, como puedo hacer para evitar esto.

la funcion generafecha() es la siguiente me disculpan si la sintaxis no es la correcta debido a que estoy digitando todo aqui

document.getElementById('div-dondegenero').innerHTML +='<br/><input type="text" name="fecha" class="campofecha" readonly="readonly" />';