jQuery: show new fields in a list
<p>I'm trying to show a new fields up to a max of 10 each time a button is pressed.</p>

<p>I currently only have:</p>

<pre><code>$('.add_field').live('click', function(){
    $(this).next('.field1').fadeIn();
    return false;
});
</code></pre>

<p>HTML:</p>

<pre><code> &lt;fieldset&gt;
     &lt;label&gt;Label Name&lt;/label&gt;
     &lt;input id="field1" name="field1" type="text"&gt;
&lt;/fieldset&gt;
&lt;fieldset&gt;
     &lt;label&gt;Label Name&lt;/label&gt;
     &lt;input id="field2" name="field2" type="text"&gt;
&lt;/fieldset&gt;
...
&lt;a class="add_field" href="#"&gt;Add Field&lt;/a&gt;
</code></pre>

<p>I don't need to dynamically add the fields just show them, they are all in the HTML just hidden. I'm not sure how to show just the next field in the list on each button press. Each of these fields has unique number but I'm unsure on how to up the count on each button press to show them.</p>

<p>Thanks in advance!</p>
