How to set the focus on the first <select> element of the page using JQuery?

Question

I would like to set the focus on the first element of the page using JQuery when the page is loaded. I could successfully set the focus for first element by using

Answer 1

The problem is most likely to be that you are not running the code on after the DOM is loaded. Try this one:

$(document).ready(function(){
   $("select:first").focus();
});

That should work.

EDIT: You can simplify the code a bit by using this:

$(function(){
  $("select:first").focus();
})

If you use it that way, jQuery will trigger that function when the document's DOM is ready.