jquery - Dynamic javascript content with textbox using datepicker -

i´m having problems using jquery .datepicker plugin in textbox, when generated using dynamic content (javascript), inside php page.

below current code. please me out finding how enable jquery datepicker on it?

** need explanation on how shoud alter code in "i > 0 && j == 3" textbox creation part.

thank in advance. (i know code terrible, i´m rookie on it!)

<script type="text/javascript"> //script para gerar os campos para preenchimentos parcelados function gerarparcelas() {     // desabilitar botão gerar parcelas ao rodar este script:     document.getelementbyid("gera_parcelas").disabled = true;     var descr_lancamento_02 = document.getelementbyid('descr_lancamento_02').value;     //pegar valor campo descrição lançamento     var valor_lancamento_02 = document.getelementbyid('valor_lancamento_02').value;     //pegar valor campo valor lançamento (total)       var data_vencimento_02 = document.getelementbyid('data_vencimento_02').value;       //pegar valor campo data de vencimento (da 1 parcela)     var qtde_parcelas = document.getelementbyid('qtde_parcelas').value;                 //pegar valor campo quantidade de parcelas      //converter o número em reais digitado no campo em número americano para o sistema calcular:     valor_lancamento_02 = valor_lancamento_02.replace(/\./g,"");     valor_lancamento_02 = valor_lancamento_02.replace(",",".");      // vamos criar o elemento html table     var tabela = document.createelement("table");     tabela.width = "750px";     tabela.id = "table_parcela"     tabela.height = "250px";     tabela.border = "1px";     tabela.cellspacing = "0px";     tabela.cellpadding = "2px";      // vamos criar o corpo da tabela, ou seja, o tbody      var corpo = document.createelement("tbody");     tabela.appendchild(corpo);      var linhas = qtde_parcelas;     linhas++;      // vamos criar quatro linhas contendo quatro células cada uma     for(var = 0; < linhas; i++){         var linha = corpo.insertrow(-1);          for(var j = 0; j < 4; j++){          var celula = linha.insertcell(-1);              if (i == 0 && j == 0) {                 celula.innerhtml =  "<td class='corpo_padrao align='center' valign='middle' bgcolor='#d3d3d3'><strong></p>";             } else if (i == 0 && j == 1) {                 celula.innerhtml =  "<p class='corpo_padrao align='center' valign='middle' bgcolor='#d3d3d3'><strong>descrição lançamento</strong></p>";             } else if (i == 0 && j == 2) {                           celula.innerhtml =  "<p class='corpo_padrao align='center' valign='middle' bgcolor='#d3d3d3'><strong>valor r$</strong></p>";                         } else if (i == 0 && j == 3) {                           celula.innerhtml =  "<p class='corpo_padrao align='center' valign='middle' bgcolor='#d3d3d3'><strong>vencimento</strong></p>";             }               if (i > 0 && j == 0) {                 id = i;                 celula.innerhtml = id;              }                     if (i > 0 && j == 1) {                 celula.innerhtml = descr_lancamento_02;                 celula.innerhtml="<input type='text' value='" +celula.innerhtml + " - " + id + "/" + qtde_parcelas + "' id='parcelamento_" + +"_"+ j +"' size='55'>";              }              if (i > 0 && j == 2) {                 celula.innerhtml = valor_lancamento_02;                 var parcela = celula.innerhtml / qtde_parcelas;                  // reconvertendo o número de u$ para r$                 var int = parseint(parcela.tofixed(2).tostring().replace(/[^\d]+/g, ''));                 var tmp = int + '';                 tmp = tmp.replace(/([0-9]{2})$/g, ",$1");                 if (tmp.length > 6)                 tmp = tmp.replace(/([0-9]{3}),([0-9]{2}$)/g, ".$1,$2");                 if (tmp.length > 9)                     tmp = tmp.replace(/([0-9]{3}).([0-9]{3}),([0-9]{2}$)/g,".$1.$2,$3");                 if (tmp.length > 12)                     tmp = tmp.replace(/([0-9]{3}).([0-9]{3}).([0-9]{3}),([0-9]{2}$)/g,".$1.$2.$3,$4");                 if(tmp.indexof(".") == 0) tmp = tmp.replace(".","");                 if(tmp.indexof(",") == 0) tmp = tmp.replace(",","0,");                 parcela = tmp;                 // fim da reconversão de moeda                  celula.innerhtml="<input type='text' value='" + parcela + "' id='parcelamento_" + +"_"+ j +"'>";              }              if (i > 0 && j == 3) {                  // criar campo textbox com jquery para datepicker:                 celula.innerhtml = data_vencimento_02;                 var $textbox_id = "parcelamento_" + + "_" + j;                  celula.innerhtml = "<input type='text' value='" + celula.innerhtml + "' id='" + $textbox_id + "'>";                  $txtdatabox = celula.innerhtml;                              $txtdatabox.datepicker();           //this line should calling plugin have new created textbox above use jquery?              }                }     }      // vamos anexar tabela recém-criada um elemento div     var $container = document.getelementbyid("container");     $container.appendchild(tabela);     $container.datepicker();             //also tried line add datepicker plugin... }   </script> 

you cannot call date picker on body tag. @ end of code do

$(".dtp").each(function() {   $(this).datepicker(); } 

if give inputs class="dtp"