How to Highlight HTML table row with only ONE row can be highlighted?
<p>The following code is NOT working, but how to correct it? Thx!</p>

<pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; 
&lt;head&gt; 
&lt;title&gt;&lt;/title&gt; 
&lt;link href="003.css" type="text/css" rel="stylesheet"/&gt; 
&lt;script src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript"&gt;
  $(document).ready(function(){
     $("tr").removeClass();
     $("tr:gt(0)").click(function(){$(this).css("color","red")});
  });
&lt;/script&gt;
&lt;/head&gt;
&lt;style type="text/css"&gt;
.highlight td {background: red;}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;table&gt;
  &lt;tr&gt;
    &lt;td&gt;NAME&lt;/td&gt;
    &lt;td&gt;AGE&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;John Smith&lt;/td&gt;
    &lt;td&gt;44&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;Mary Green&lt;/td&gt;
    &lt;td&gt;66&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;Bob Black&lt;/td&gt;
    &lt;td&gt;22&lt;/td&gt;
  &lt;/tr&gt;
&lt;/table&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
