Crear datepicker dinamicamente con javascript

[JAI_ME]

buenas tardes haciendo caso a su experiencia he modificado el codigo de la siguiente manera.

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

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

$('.form-gerados').delegate('.campofecha','focusin',functio n(){
$(this).datepicker();
});

</script>


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


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



no me esta funcionando, que tendre mal o como puedo hacerlo funcionar. gracias.