Valid XHTML 1.0 Transitional

jQuery: Running code when a page is fully loaded with ready()

This is paragraph 1.

This is paragraph 2.

This is paragraph 3.

This is paragraph 4.

The Code START
  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">
      $(function() {
        $("p.first").addClass("striped1");
        $("p.second").addClass("striped2");
        $("p.third").addClass("striped3");
        $("p.fourth").addClass("striped4");
      });
      
      
    </script>
    
    <style type="text/CSS">>
      p.striped1 { background-color: pink; }
      p.striped2 { background-color: cyan;
                   font-weight: 700; }
      p.striped3 { background-color: yellow; }
      p.striped4 { background-color: green; }
    </style>
    
    <style type="text/CSS">
      <!--
        .code { color: red;
      -->
    </style>
  </head>

  <body>
  <h1>Running code when a page is ready</h1>
  <div>
  <p class="first">This is paragraph 1.</p>
  <p class="second">This is paragraph 2.</p>
  <p class="third">This is paragraph 3.</p>
  <p class="fourth">This is paragraph 4.</p>
  </div>
  </p>