Add a CSS Class alternating every 2 rows
<p>I have a table like so:</p>

<pre><code>&lt;table&gt;
    &lt;tr&gt;&lt;td&gt;Test&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td&gt;Test&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td&gt;Test&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td&gt;Test&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td&gt;Test&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td&gt;Test&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td&gt;Test&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td&gt;Test&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td&gt;Test&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td&gt;Test&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td&gt;Test&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td&gt;Test&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td&gt;Test&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td&gt;Test&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;
</code></pre>

<p>​
I want to add a CSS Class <code>alt</code> after every 2 rows, so for example I'll have a sequence of 2 white rows, 2 red rows, 2 white rows, 2 red rows and so on. Is this possible with JQuery?</p>
