Fra HTML-form struktur til datastruktur

Hey all, jeg har godt nok stenet over det her problem i mange timer nu!11

Okay, jeg har den her HTML form:

<form>
  <fieldset>
    <input type="text" name="cl">
    <input type="text" name="vol">
    <input type="text" name="q">
  </fieldset>
  <fieldset>
    <input type="text" name="cl">
    <input type="text" name="vol">
    <input type="text" name="q">
  </fieldset>
  <fieldset>
    <input type="text" name="cl">
    <input type="text" name="vol">
    <input type="text" name="q">
  </fieldset>
</form>

Når man submitter, ville jeg gerne have dataen fra input felterne over i en struktur der ligner den her:

var fieldsets = new Array(
  {cl: "cl's value", q: "q's value", vol: "vol's value"},
  {cl: "cl's value", q: "q's value", vol: "vol's value"},
  {cl: "cl's value", q: "q's value", vol: "vol's value"}
);

I følge min overvejende PHP-orienterede hjerne, burde løsningen se næsten sådan ud:

var fieldsets = [];

for (i in fieldsets_i_from) {

  fieldsets[i] = new Object();
  
  foreach (i in inputfelter_i_hvert_fieldset) {
    switch (input[i].name) {
    case "cl":
      fieldsets[i] = input[i].value;
      break;
    case "vol":
      genstande[i].vol = input[i].value;
      break;
    case "q":
      genstande[i].q   = input[i].value;
      break;
    }
  }
}

Det egentligt ikke vigtigt om der bruges arrays eller objekter i den endelige datastruktur... Men jeg er lidt gået i stå med at traverse gennem elementere inde i form. Hjælp?

. o O (... hvad er det med point-indlæg? hvad kan det?)