Jquery Iteration
<p>I have coded the following which I had hoped would iterate through and display (with delays) a series of elements.  If fact it does different things in IE and FireFox but neither what I wanted!</p>

<p>Bill H</p>

<p>===========================================================================================</p>

<pre><code>    &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Test&lt;/title&gt;
        &lt;script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"&gt;&lt;/script&gt;

&lt;script language="JavaScript" type="text/javascript"&gt;
&lt;!--
$(document).ready( function() {
  $('#ulId').children().each(
    function(){  
        //access to form element via $(this)
                $('#dis').hide(2000).text($(this).text()).show(2000);
    });
});
//--&gt;
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;ul id='ulId'&gt; 
  &lt;li&gt;&lt;span class='a'&gt;Some Text1&lt;/span&gt;&lt;img src="http://www.old-picture.com/europe/pictures/Heisterbach-ruins.jpg" alt=""&gt;&lt;/li&gt;
  &lt;li&gt;&lt;span class='a'&gt;Some Text2&lt;/span&gt;&lt;img src="http://www.theodora.com/wfb/photos/syria/roman_ruins_palmyra_syria_photo_gov.jpg" alt=""&gt;&lt;/li&gt;
  &lt;li&gt;&lt;span class='a'&gt;Some Text3&lt;/span&gt;&lt;img src="http://www.cosmos.com/Common/Images/Destinations/delphi-ruins.jpg" alt=""&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div id='dis' style='background-color: red; color: white'&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
