JQuery + Display next element one by one
<p>So, I have this HTML</p>

<pre><code>&lt;div id="myFields"&gt;
    &lt;fieldset class="newSet"&gt;
        &lt;p&gt;
            &lt;label for="item1"&gt;Item Name or #&lt;/label&gt;
            &lt;input name="item1" type="text" id="item1" size="25" maxlength="15" /&gt;
        &lt;/p&gt;
    &lt;/fieldset&gt;    
    &lt;fieldset class="newSet"&gt;
        &lt;p&gt;
            &lt;label for="item2"&gt;Item Name or #&lt;/label&gt;
            &lt;input name="item2" type="text" id="item2" size="25" maxlength="15" /&gt;
        &lt;/p&gt;
    &lt;/fieldset&gt;    
    &lt;fieldset class="newSet"&gt;
        &lt;p&gt;
            &lt;label for="item2"&gt;Item Name or #&lt;/label&gt;
            &lt;input name="item2" type="text" id="item2" size="25" maxlength="15" /&gt;
        &lt;/p&gt;
    &lt;/fieldset&gt;    
&lt;/div&gt;
</code></pre>

<p>Then outside the div myFields I have an image serving as a button (with id="add").  When clicked, the next fieldset is supposed to appear, for which I have this script</p>

<pre><code>$(document).ready(function() {
            $(".newSet").hide();

            $("#add").click(function() {

            $(".newSet").next().show("slow");

            });
</code></pre>

<p>But it will not show only the next one but all of them at once.  </p>

<p>I am sure there is a more elegant/efficient way of doing is but I cannot find it.</p>

<p>Thanks for the help.</p>

<p>Here is a jsFiddle example of the problem: <a href="http://jsfiddle.net/XyW4m/" rel="nofollow">http://jsfiddle.net/XyW4m/</a></p>
