jquery iterate through list elements
<p>say you have this html</p>

<pre><code>&lt;ul class="nav sub_nav_home"&gt;
    &lt;li id="sub_nav_home1"&gt;&lt;a href="#"&gt;&lt;span&gt;LINK1&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;li id="sub_nav_home2"&gt;&lt;a href="#"&gt;&lt;span&gt;LINK2&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;li id="sub_nav_home3"&gt;&lt;a href="#"&gt;&lt;span&gt;LINK3&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
 &lt;/ul&gt;
</code></pre>

<p>how do you iterate through each "li" in jquery adding a class "current", waiting for 3 seconds and then moving onto the next "li, and once you get to the end start again?</p>

<p>Thanks</p>
