title: difference between pageLoad , onload & $(document).ready()
body: <p>i need to know in more detail of what is the differences between pageLoad , onload &amp; $(document).ready()</p>
  <p>I found answer but that is not ver clear to me.
  the answer is like</p>
  <blockquote>
  <p>The ready event occurs after the HTML document has been loaded, while the onload event occurs later, when all content (e.g. images) also has been loaded.</p>
  <p>The onload event is a standard event in the DOM, while the ready event is specific to jQuery. The purpose of the ready event is that it should occur as early as possible after the document has loaded, so that code that adds funcionality to the elements in the page doesn't have to wait for all content to load.</p>
  </blockquote>
  <p>the person trying to say  ready event occurs after the HTML document has been loaded
  and onload event occur after all page element like image etc being loaded.</p>
  <p>So what is  HTML document load? I know HTML document load means all page element load complete.</p>
  <p>What does mean like dom is ready or loaded? What is the difference between HTML document load &amp; dom load?
  Please make me understand with example.
  Thanks</p>