Suppose you create a textbox.
<input id='numeric' type='text'/>
You use kendo ui to make it numeric textbox as follows,
Now the problem is when you try to make focus on this text box, you see you can’t simply focus on the textbox using simple jquery function,
The problem you can found when you deeply debug the rendered html output. You can see that your actual code to create html textbox is now hidden by kendo plugin, that creates another <input> tag and add all the styles for numeric text box.
Something like this
<input type="text" class="k-formatted-value k-input" style="display: inline;" readonly="readonly">
# <input id='numeric' type='text'/> # -- Hidden part
That is the reason why focus() was not working, it simply unable to find the element with id=’numeric’ as it is hidden.
So, whenever you have the internal structure you can now easily focus the textbox. There are several jquery function to traverse the DOM. But the best function in this case is use to siblings() like the following,
And you are done.