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

    

        
            Name
            Gender
        


            
                
                
                    
                        male
                        female
                    
                
            

            
                
                
                    
                        male
                        female
                    
                
            
        
    

Скрипт для сериализации данных:

$("#nameGenderForm").submit(function(event){
    event.preventDefault();

    var rawData=$('#nameGenderForm').serializeFormJSON();
    var formData=JSON.stringify(rawData);
    console.log(formData);
});

serializeFormJSON () - это то, что я получил после просмотра нескольких страниц StackOverFlow:

(function($) {
$.fn.serializeFormJSON = function() {
var o = {};
   var a = this.serializeArray();
   $.each(a, function() {
       if (o[this.name]) {
           if (!o[this.name].push) {
               o[this.name] = [o[this.name]];
           }
           o[this.name].push(this.value || '');
       } else {
           o[this.name] = this.value || '';
       }
   });
   return o;
};
})(jQuery);

Используя все это, я могу получить что-то вроде JSON:

{"studentName":["kenpachi","orihime"],"studentGender":["male","female"]}

Я пробовал много способов получить их в формате имя-пол, но каждый из них дает один и тот же результат. Два разных массива. Использование формы для каждогоТ тоже не поможет. Есть ли способ получить данные в массив имени-пола, как это:

{"studentName":"kenpachi","studentGender":"male"},{"studentName":"orihime","studentGender":"female"}

Пожалуйста, порекомендуйте.