Я пытаюсь преобразовать поля выбора в радио-кнопки на лету, используя jquery, и я не уверен, что лучший способ.

Пример HTML:

  <form id="product">    
    <select name="data[123]">
      <option value="1">First</option>
      <option value="2">Second</option>
      ......
      <option value="n">xxxxxx</option>
    </select>
  </form>

Я хочу преобразовать его при загрузке страницы с помощью jquery для:

<form id="product">
  <input type="radio" name="data[123]" value="1" />
  <label for="data[123]">First</label><br/>
  <input type="radio" name="data[123]" value="2" />
  <label for="data[123]">Second</label><br/>
  ......
  <input type="radio" name="data[123]" value="n" />
  <label for="data[123]">xxxxxx</label><br/>
</form>

И он должен быть динамическим, поэтому он будет динамически зацикливаться для каждого поля выбора и каждого параметра внутри (поскольку разные продукты имеют разные параметры)

Я пытаюсь найти лучший способ. Либо сначала получите многомерный массив всех значений, а затем создайте переключатели ... или поменяйте их по одному в цикле. В настоящее время пытаюсь сделать первое, но я думаю, что, возможно, я обдумываю это:

$(document).ready(function(){

    //Get Exising Select Options    
    $('form#product select').each(function(i, select){
        $(select[i]).find('option').each(function(j, option){
            //alert($(option).text());
            option[j] = [];
            option[j]['text'] = $(option).text();
            option[j]['val'] = $(option).val();
        });
    });


    //Remove Select box
    $('form#product select').remove();
});

Кто-нибудь пробовал это или у меня есть какой-то секретный / более простой способ сделать это, что мне не хватает?