Datepicker and timepicker not working on appended elements
<p>I'm using <code>datepicker</code> and <code>timepicker</code> for my fields like this:</p>

<pre><code>&lt;input class="datepicker" name="sugg_date[]" type="text" value="" /&gt;
&lt;input class="tp" name="sugg_time[]" type="text" value="" /&gt;
</code></pre>

<p>I'm also using this function to add more rows: </p>

<pre><code>&lt;script&gt;
    function add_next_row(e, row_a) {
        curr_row = $(row_a).prev('p');
        curr_row.append('&lt;input class="datepicker" name="sugg_date[]" type="text" value="" /&gt;');
        curr_row.append('&lt;input class="tp" name="sugg_time[]" type="text" value="" /&gt;');

        if (e.preventDefault) {
            e.preventDefault();
        } else {
            e.returnValue = false;
        }
    }
&lt;/script&gt;
</code></pre>

<p>But the new rows don't work with the <code>timepicker</code> and <code>datepicker</code>. Can someone please tell me why.</p>
