Primefaces, JavaScript, and JSF does not work well together or am I doing something wrong

Question

Here is something so simple

Answer 1

In JSF, the ID of elements are prefixed by the ID of the form that contains them (more generally, their ID are prefixed by the ID of all the parent components that implements the NamingContainer interface). For example:

will generate the following HTML code:

To access the you must use the myForm:tom ID and not the tom ID itself.

With jQuery, you will have to use $("myForm\:tom").focus();