jquery - Put the cursor at the end of jeditable textbox -

I am using jeditable plugin for inline editing. When I double click to edit the field, the cursor is ahead of the value. The value of the text box is dynamically generated. I want something that I click on the new folder, the cursor must be at the end of FOLDER. This is my live, where you can add a new folder from the left sidebar and double click on the new folder.

I have tried some available solutions on focus on the input field, they work on static text boxes, but I could not work them with this jeditable plugin. Any help will be highly appreciated.

To work on this plugin here is JSFolder I

Below is my code to create an editable folder in the list.

  $ ('document'). Ready (work () {txt_box = "& lt; li class = 'animated bounce indoin folded bonded data' toggle = 'context' data-target = '# context-menu' & gt; & lt; one class = 'folder link' & Gt; & lt; span style = 'Background color: "+ Favorite +" Gt;  & lt; span class =' ​​editable folder '& gt; New folder & lt; / span & Gt; & lt; / a & gt; & lt; / li & gt; "$ (" # folder list li: last "(edit)" $ ('. Editable') edit (function (value, settings) {Console.log (this); console.log (value); console.log (settings); return (value); }, {Type: 'text', onblur: 'ignore', event: 'dblclick', tooltip: "double click to edit", style: 'display: inline;', width: '125px',}) ;}};});  

OK, the solution for the plugin could not be found , But the plugin satisfied my requirement.