How to target multi-class element with jQuery
<p>I have the following two tables and jQuery:</p>

<pre><code>&lt;table class="grid" /&gt;
&lt;table class="grid custom" /&gt;

 $('.grid tr:even').addClass('alt');
</code></pre>

<p>What's happening here is that both tables are being targeted by jQuery.  The first table is fine as the even row is being selected, however the odd is being selected on the second table.</p>

<p>table 1 (grid)<br>
row 1<br>
row 2 - background color (this is right)  </p>

<p>table 2 (grid custom)<br>
row 1 - background color (this is wrong)<br>
row 2  </p>

<p>How can I fix this?</p>
