Not getting desired output while Locating Descendent Elements in jQuery
<p>I am not getting the colored output by the given code. </p>

<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;title&gt;the title&lt;/title&gt;
   &lt;script type="text/javascript" 
   src="/jquery/jquery-1.3.2.min.js"&gt;&lt;/script&gt;

   &lt;script type="text/javascript" language="javascript"&gt;

   $(document).ready(function() {
      $("p").find("span").addClass("selected");
   });

   &lt;/script&gt;
   &lt;style&gt;
      .selected { color:red; }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

   &lt;p&gt;This is 1st paragraph and &lt;span&gt;THIS IS RED&lt;/span&gt;&lt;/p&gt;
   &lt;p&gt;This is 2nd paragraph and &lt;span&gt;THIS IS ALSO RED&lt;/span&gt;&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>Is there anything that I am missing? Thanks,</p>
