jquery - after() を使用して追加された div で日付ピッカーが機能しない

Question

私のhtmlタルベは次のとおりです

<table width='1200' border='0' cellspacing='0' cellpadding='0'>
  <tr>
    <td>Date</td>
    <td>
    <li class='demo'><div class='box'>
          <input type='text' id='from-input' maxlength='10'>
          </div>
          <div class='code-box' style='display:none;'>
          <pre class='code prettyprint'>
$('#from-input').multiDatesPicker();
                            </pre>
                        </div>
                    </li></td>
  </tr>
</table>

私のjqueryスクリプトは次のとおりです。

   $(document).ready(function(){
        var counter =2;
        $("#addButton2").click(function () {

    var newTextBoxDiv2 = $(document.createElement('div')).attr("id", 'TextBoxDiv2' + counter2);

    newTextBoxDiv2.after().html('<table width='1200' border='0' cellspacing='0' cellpadding='0'><tr><td>Date</td><td><li class='demo'><div class='box'><input type='text' id='from-input'+counter+'' maxlength='10'></div><div class='code-box' style='display:none;'><pre class='code prettyprint'>$('#from-input'+counter+'').multiDatesPicker();</pre></div></li></td></tr></table>');

newTextBoxDiv2.appendTo("#TextBoxesGroup2");
    counter++;
    });

ボタン<input type='button' value='Add' id='addButton2'>、ボタンをクリックすると、html ページの同じコピーが html ページの div に追加されます。Thera は id を持つ入力フィールドであり、html ページfrom-input の jquery 関数です。$('#from-input').multiDatesPicker();id from-input は、counterクリックごとに をアタッチすることで変更されます。生成される値は、from-input2、from-input3、from-input4 などです。日付ピッカーです。日付ピッカーは、 onclick で生成された追加テーブル内では機能しません。どんな助けでも大歓迎です。ありがとう