JQuery serializeArray не работает в Safari

Question

Я пытаюсь использовать метод serializeArray Jquery, чтобы создать массив объектов из простой формы (получить данные из формы и кэш будет использовать позже):

<fieldset class="myFieldset"> 
    <div id="divContainer">   
     <div class="anotherdiv"> 
      <input type="text" name="testBox1" class="aclass" /> 
      <select name="testSel1" class="atestclass"> 
       <option value="car">car</option> 
        <option value="boat">boat</option> 
        <option value="plane">plane</option> 
       </select> 
      </input> 
     </div> 
    </div> 
</fieldset> 
<fieldset class="submit-wrap"> 
     <input type="submit" name="enter" id="enter" value="Enter" > 
</fieldset> 

Я вызова serializeArray по щелчку:

$('#enter').click(function(){  
    var testForm = jQuery('.myFieldset').serializeArray(); 
    alert(testForm); 
}); 

Это прекрасно работает в хроме (http://jsfiddle.net/pCELZ/), но не в Safari. Есть идеи?

// Мои элементы формы не отключены, и я включаю атрибут 'name'. Пробовал различные html ... // Спасибо заранее.

Answer 1

вместо использования fieldset использовать form:

<form class="myFieldset"> 
    <div id="divContainer">   
    <div class="anotherdiv"> 
     <input type="text" name="testBox1" class="aclass" /> 
     <select name="testSel1" class="atestclass"> 
      <option value="car">car</option> 
       <option value="boat">boat</option> 
       <option value="plane">plane</option> 
      </select> 
     </input> 
    </div> 
    </div> 
</form> 

и проверить его здесь: fiddle

Answer 2

Jai правильно. Другой способ сделать это - указать элемент, изменив селектор.

$('#enter').click(function(){  
    var testForm = jQuery('.myFieldset :input').serializeArray(); 
    console.log(testForm); 
}); 

Работа скрипку here