Problem with jQuery array
<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script type="text/jscript"&gt;
    $('document').ready(function (){
        var clickNo=0;
        $('div#pics&gt;img').hide()
        $('div#pics&gt;input').click(function(event){
            $('div#pics&gt;img')[0].show('slow');
        })

    });
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id="pics"&gt;
&lt;input type="button" value="next" /&gt;
&lt;--a bunch of img tags .I had to resort to this comment because the system won't 
   let me include the img tag in the code--&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>I can't understand why the line <code>$('div#pics&gt;img')[0].show('slow');</code> is not working.</p>
