Edge Animate HTML input textbox click

Hi,

I want to click a HTML input text box that i added in the symbol at the end of the timeline of edge composition so that the keyboard of the mobile shows up to input data into text field,

How can i do that at the end of timeline, the keyboard pops up to enter the data into input field.

After installing app using phonegap on mobile, i am able to click and keyboard shows up but not when i try to invoke it through click event at timeline complete event.

Code to add HTML into symbol 'symbol1' for text box 'CodeDisplay' :

Symbol.bindSymbolAction(compId, symbolName, "creationComplete", function(sym, e) {

   var input = $('<input/>').attr({'type':'tel','value':'','id':'Stage_CodeDisplay_Input','maxlength':'8 '});

   input_CodeDisplay .css('font-size',80);

   input_CodeDisplay .css('font-family',"Arial");

   input_CodeDisplay .css('width',750);

   input_CodeDisplay .css('border','none');

   input_CodeDisplay .css('input-border','none');

   input_CodeDisplay .css('outline','0');

   sym.$('CodeDisplay').html(input);

});

Code to invoke click event at the end of timeline

Symbol.bindTimelineAction(compId, symbolName, "Default Timeline", "complete", function(sym, e) {

   // insert code to be run at timeline end here

   sym.getSymbol('symbol1').$('CodeDisplay').$('#Stage_CodeDisplay_Input').click();

});

Please help.