javascript - Jdewit Timepicker show widget on text and icon click -

I want to show this widget when I click on the text box. How can I achieve this ? I am using jdewit timepicker

HTML

  & lt; Div class = "input-append bootstrap-timepicker" & gt; & Lt; Input id = "timepicker1" type = "text" class = "input-small /"; spine category = "add-on">   

jQuery:

$ ('# Timepicker1'). Timepicker ({minute steps: 15});

< P>

HTML

  
 
 
 "Input-append bootstrap-timepicker" & gt; & lt; input id = "timepicker1" type = "text" class = "input-small /" & Lt; Span class = "add-on" & gt; & Lt; I class = "icon-time" & gt; & Lt; / I & gt; & Lt; / Span & gt; & Lt; / Div & gt;  

jQuery:

  $ ('# timepicker1'). Timpecker ({minute step: 5}); $ ('# Typical 1'). ('Click', function (e) {$ (this) .next (). Trigger ('click');});