JQuery UI Timepicker is not open when click the text field
<p>I have one question regarding to JQuery UI Timepicker. I have multiple text fields.</p>

<pre><code>&lt;input type="text" style="width: 31px;" id="timepicker.[1]" name="mon1" readonly="true"/&gt;
&lt;input type="text" style="width: 31px;" id="timepicker.[2]" name="mon2" readonly="true"/&gt;
&lt;input type="text" style="width: 31px;" id="timepicker.[3]" name="mon3" readonly="true"/&gt;
</code></pre>

<p>I have called the jquery function using this.</p>

<pre><code>$('#timepicker\\.\\[1\\]').timepicker();
$('#timepicker\\.\\[2\\]').timepicker();
$('#timepicker\\.\\[3\\]').timepicker();
</code></pre>

<p>They are working. when i clicked first text field, the timepicker shows up. the same behavior goes to the second timepicker. But when i clicked third textfield, it won't show up. I have to click outside the textfield first and then click again on the third text field,after that the timepicker shows up. The same goes to the rest of text field (I have many textfields). What is the problem and may i know how to solve it?</p>

<p>Thanks guys,appreciate it....</p>
