title: Alternate color css for table not apply
body: <pre><code> function Foo(id) {
           if (document.getElementByTagName) {
               var $rows = $('#' + id + ' tr : not(:hidden)');
               for (var i = 0; i &lt; $rows.length; i++) {
                   if (i % 2 == 0)
  
                   $rows[i].className = "even";
                   else $rows[i].className = "odd";
               }
           }
  
       }
  </code></pre>
  
  <p>this is my function, I get it working in my code but not on this fiddle, also, If I able to apply the <code>Foo method</code> in tab 1. It will not display on tab2(vice versa). My question is how can I apply <code>Foo()</code> on both table residing in different tab simultaneously. </p>
  
  <p>See this <a href="http://jsfiddle.net/042xL68s/1/" rel="nofollow">FIDDLE</a> for example. Any help is much appreciated.</p>