jQuery Loop Question
<p>I have a quick question re. the most efficient way to loop through multiple divs and the input /textarea's in those divs.</p>

<p>For example, I have the following HTML</p>

<pre><code>    &lt;div class="formatInput"&gt;
        &lt;h4&gt;Section Header&lt;/h4&gt;
        &lt;input type="text" class="formatSectionHeader" width="100%"/&gt;
        &lt;h4&gt;Section Content&lt;/h4&gt;
        &lt;textarea class="formatSectionContent"&gt;&lt;/textarea&gt;
        &lt;p style="float:right;"&gt;&lt;span class="removeFormatInput"&gt;Remove Section&lt;/span&gt;&lt;/p&gt;
    &lt;/div&gt;
</code></pre>

<p>I made a button that will allow the user to add more .formatInput divs if needed.</p>

<p>At the end of it I have a refresh button that I want to loop through each div and gather the values of the input and textarea controls in order. </p>
