Question

Can someone please explain the following syntax

$(function(){
    $(".myPage").live("click", myHandler);  // NOT THIS BIT!!
});

It looks globally defined, if that makes any difference?

Answer 1

$(somefunction) asks jQuery to execute the somefunction function once the DOM is ready.

From the documentation :

This function behaves just like $(document).ready(), in that it should
be used to wrap other $() operations on your page that depend on the
DOM being ready. While this function is, technically, chainable, there
really isn’t much use for chaining against it.

It ensures you don’t try to access objects of the DOM before they’re available. It’s a good practice to embed your main code in such a callback, in a script element at the end of the body.

Note that you may have different scripts adding such blocks. All callbacks will be executed, in the order of insertion. This is especially important to know when you have a big applications with many scripts.