JQuery datepicker не работает над добавленным элементом

Question

Кажется, я не могу заставить datepicker работать над этим.

Мои Javascript:

$(function() { 
    $('.date-picker1').datepicker({ dateFormat: 'yy-mm-dd' }).val(); 


} 
); 

И это функция, кнопка вызова один раз щелкнул.

var count2 = "1"; 
function addRow2(in_tbl_name) 
{ 
    var tbody = document.getElementById(in_tbl_name).getElementsByTagName("TBODY")[0]; 
    // create row 
    var row = document.createElement("TR"); 


    // create table cell 2 
    var td2 = document.createElement("TD") 
    var strHtml2 = "<input class='date-picker1' name='date"+count2+"' id='date"+count2+"'  />"; 
    td2.innerHTML = strHtml2.replace(/!count2!/g,count2); 

    row.appendChild(td2); 

    count2 = parseInt(count2) + 1; 
    // append row to table 
    tbody.appendChild(row); 
} 

Answer 1

Как @adeneo сказал:
Put:

$('.date-picker1').datepicker({ dateFormat: 'yy-mm-dd' }).val(); 

После

tbody.appendChild(row);