changing the color of the row when we click on it
<p>Hello i need to change the color of the row when i click the particular row.. if i click on another row the color to previous row should vanish..and appear color to that row how to implement.. i have the html code  like this..</p>

<pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;
&lt;html&gt;
 &lt;head&gt;
  &lt;title&gt; New Document &lt;/title&gt;
  &lt;script type="text/javascript" src="../js/jquery.js"&gt; &lt;/script&gt;
 &lt;script type="text/javascript" src="../js/addtable.js"&gt; &lt;/script&gt;
 &lt;/head&gt;

 &lt;body&gt;
  &lt;div id="dummyContainer1"&gt;
  &lt;table id="mytab"&gt;
  &lt;tr&gt;&lt;td&gt;Name:&lt;/td&gt;&lt;td&gt;&lt;input type="text" id="tname"&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;RollNo:&lt;/td&gt;&lt;td&gt;&lt;input type="text" id="trno"&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;Marks:&lt;/td&gt;&lt;td&gt;&lt;input type="text" id="tmarks"&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
   &lt;/div&gt;
   &lt;input type="button" id="addrow" value="AddRow"&gt;
   &lt;input type="button"  id="delrow" value="DeleteRow"&gt;
 &lt;table id="tab1" border="1"&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Name&lt;/td&gt;
&lt;td&gt;RollNo&lt;/td&gt;
&lt;td&gt;Marks&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
  &lt;/table&gt;

 &lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>Thank you</p>
