title: Loop through cloned inputs with same class
body: <p>I have a form with a set of input fields under class <code>pblock</code>. Each field has it's own class as well.</p>
  
  <p>My users can clone the <code>pblock</code> class and add additional input fields. The structure ends up like this:</p>
  
  <pre><code>&lt;div class="pblock"&gt;&lt;!-- original input group--&gt;
    &lt;input class="fz-1"&gt;
    &lt;input class="fz-2"&gt;
    &lt;input class="fz-3"&gt;
  &lt;/div&gt;
  
  Clone #1
  &lt;div class="pblock"&gt;&lt;!-- 1st cloned input group--&gt;
    &lt;input class="fz-1"&gt;
    &lt;input class="fz-2"&gt;
    &lt;input class="fz-3"&gt;
  &lt;/div&gt;
  
  Clone #2
  &lt;div class="pblock"&gt;&lt;!-- 2nd cloned input group--&gt;
    &lt;input class="fz-1"&gt;
    &lt;input class="fz-2"&gt;
    &lt;input class="fz-3"&gt;
  &lt;/div&gt;
  ... etc
  </code></pre>
  
  <p>I can't figure out how to iterate through the sets of inputs and get each into an array of results.</p>
  
  <p>I've tried this piece of code to run each time the clone method is called:</p>
  
  <pre><code>var fztext =    "Part designation: "+ $(".fz-1").val()+
                  "\n\tLocation: "+$(".fz-2").val()+
                  "\n\tBiopsy type: "+$(".fz-3").val()+"\n\n";
  fz_part.push(fztext);
  </code></pre>
  
  <p>But I only get the original set of inputs, not the cloned inputs downstream. I'd like to keep each set of inputs grouped in the array, so I can call them back later.</p>
  
  <p>Thanks!</p>