Take the 2-minute tour ×  Fairly new to Jquery here.... but one
thing I have been told and being doing, is add my Javascript at
the bottom of my page after the html is read.  Now, I see people
adding the $(document).ready(function() even when the code is at
the bottom of the page. Isn't the DOM being progressively built
as the HTML is read? By the end of reading the HTML, shouldn't
the DOM be automatically be ready and therefore, what is the
point of adding this check?  For example, small demo:      <li
id="draggable" class="ui-state-highlight">Drag me down</li>  <ul
id="sortable">     <li class="ui-state-default">Item 1</li>
<li class="ui-state-default">Item 2</li>     <li class="ui-
state-default">Item 3</li>     <li class="ui-state-default">Item
4</li>     <li class="ui-state-default">Item 5</li> alert("In
Page");   $(function() {     alert("Dom is READY");     $(
"#sortable" ).sortable({     revert: true      $( "#accordion"
).accordion();  The "In Page" always appear first... is it
because the HTML is