Change Table Row background color on Timer Event using jquery
<p>Could someone help me please with my problem below?</p>

<p>I basically have this markup coming from my JSP.  I add class in each row and I want have a
blinking effect on each row.</p>

<pre><code>&lt;table&gt;
 &lt;tbody&gt;
  &lt;tr class="blinkYellow"&gt;
   &lt;td&gt;Col 1&lt;/td&gt;
   &lt;td&gt;Col 2&lt;/td&gt;
   &lt;td&gt;Col 3&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
   &lt;td&gt;Col 1&lt;/td&gt;
   &lt;td&gt;Col 2&lt;/td&gt;
   &lt;td&gt;Col 3&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr class="blinkYellow"&gt;
   &lt;td&gt;Col 1&lt;/td&gt;
   &lt;td&gt;Col 2&lt;/td&gt;
   &lt;td&gt;Col 3&lt;/td&gt;
  &lt;/tr&gt;
 &lt;/tbody&gt;
&lt;/table&gt;
</code></pre>

<p>I setup a Jquery function and a timer like below.  But I am currently unsure why the background-color
of the table did not change.</p>

<pre><code>$(document).ready(function(){
 setInterval(findYellow,1000);    
 function findYellow(){
  $("tr.blinkYellow").each(function(){
   if($(this).attr("background-color") == "yellow"){
    $(this).attr("background-color", "white")
   }else{
    $(this).attr("background-color", "yellow")
   }
  })
 }
});
</code></pre>

<p>I check out the Firebug HTML Tab and I notice that the background-color is really being changed on 
the selected element row.</p>

<p>But I am losing my hair on why the background color of the row is not toggling its color from yellow and white.  Please help</p>
