How to apply jquery time picker in dynamic created element(Add more button)?
<p>I am using <a href="https://github.com/Sonelal/jquery-timepicker" rel="nofollow">jquery time picker</a>. It display time drop downs for all elements, but when I apply this on dynamically created text field (dynamically creating form element by javascript with "Add More" button) it doesn't works.</p>

<p>Below is the code which I implement.</p>

<pre><code>&lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="../include/jquery_time_picker/jquery.timepicker.js" &gt;&lt;/script&gt;
&lt;link rel="stylesheet" type="text/css" href="../include/jquery_time_picker/jquery.timepicker.css" /&gt;
&lt;script&gt;

$(function() {
     $(".Time_Pic").timepicker();
});

function add_more_element()
{
   //code for creating form elements
}
&lt;/script&gt;
</code></pre>

<p>Please suggest me what I am doing wrong?</p>
