Add ready function to document ready function : ready « jQuery « JavaScript Tutorial

<html>
  <head>
    <script type='text/javascript' src='js/jquery-1.3.2.js'></script>
    <script type='text/javascript'>
var tmpExample = {
  ready : function() {
    $('ul#tmpPlaces li.myStyle').siblings().addClass('tmpSiblings');
  }
};

$(document).ready(tmpExample.ready);
    </script>
    <style type='text/css'>

h4 {
    font-size: 16px;
    margin: 0 0 5px 0;
}
ul#tmpPlaces {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul#tmpPlaces li {
    margin: 1px;
    padding: 3px;
}
li.tmpSiblings{
    background: khaki;
}
    </style>
  </head>
  <body>
    <ul id='tmpPlaces'>
      <li>a</li>
      <li>b</li>
      <li>c</li>
      <li>d</li>
      <li>e</li>
      <li>f</li>
      <li class='myStyle'>g</li>
    </ul>
  </body>
</html>

30.84.ready
	30.84.1.	Document ready event
	30.84.2.	Add ready function to document ready function