Introducing $(document).ready()

This is the first thing to learn about jQuery, If you want an event to work on your page, you should call it inside the $(document).ready() function. Everything inside it will load as soon as the DOM is loaded and before the page contents are loaded.

  $(document).ready(function() {
    // put all your jQuery code here.
  });