Use ready() to make a function available after the document is loaded:
The ready event occurs when the DOM (document object model) has been loaded.
Because this event occurs after the document is ready, it is a good place to have all other jQuery events and functions. Like in the example above.
The ready() method specifies what happens when a ready event occurs.
Tip: The ready() method should not be used together with <body onload="">.
Two syntaxes can be used:
The ready() method can only be used on the current document, so no selector is required:
|function||Required. Specifies the function to run after the document is loaded|