Applying an hightlight effect (jQuery) on my table
<p>I have a table which is zebra-striped (different background color for each odd rows). I apply an highlight effect (changing background color for 3 seconds) provided by jQuery after a row is edited. It works only on white rows (without background color).</p>

<p><img src="http://i.stack.imgur.com/zpizH.png" alt="enter image description here"></p>

<p><img src="http://i.stack.imgur.com/DnJ0l.png" alt="enter image description here"></p>

<p><strong>Any chance this highlight effect can be aplied on any rows?</strong></p>

<p>Here is the code of the javascript file:</p>

<pre><code>$('#MyRowToHighlight').effect("highlight", {}, 1500); 
</code></pre>

<p>Here is the head of my table:</p>

<pre><code>&lt;table class="zebra-striped"&gt;
    &lt;thead&gt;
        &lt;tr&gt;
            &lt;th&gt;Company&lt;/th&gt;
            &lt;th&gt;Username&lt;/th&gt;
            ...
</code></pre>

<p>Here is the CSS of zebra-striped:</p>

<pre><code>.zebra-striped tbody tr:nth-child(odd) td{background-color:#f9f9f9;}
.zebra-striped tbody tr:hover td{background-color:#f5f5f5;}
</code></pre>

<p>Thanks.</p>
