:even & :odd - resetting after each element styled
<p>I have the following function to style list elements:</p>

<pre><code>function styleRows() {
    $(".pretty-list li").removeClass("even-row").removeClass("odd-row");
    $(".pretty-list li:even").addClass("even-row");
    $(".pretty-list li:odd").addClass("odd-row");
}
</code></pre>

<p>I then give any <code>&lt;ul&gt;</code> i want styled the 'pretty-list' class and all is fine. However I have various bits of JS that fadeout/remove rows and I then call this function to restyle the rows. The count though continues on through each different <code>&lt;ul&gt;</code>, so if there's 2 lists and the first ends on an odd row then the second will start on an even - I want each styled element to start with an odd row.</p>

<p>Is it possible then to tell jQuery/JS to reset the count after it completes each element? Thanks for any help.</p>
