Форма ajax метка группы и значение при отправке

Question

Привет, у меня есть форма с 3 входными текстовыми полями, имеющая тот же атрибут (name = "product").

<div class="col-xs-12">
    <label for="product1" id="product1" class="required">Product 1</label>
    <input  type="text" class="form-control" id="product1"  name="product" required>
</div>
<div class="col-xs-12">
    <label for="product2" id="product2" class="required">Product 2</label>
    <input  type="text" class="form-control " id="product2"  name="product" required>
</div>
<div class="col-xs-12">
    <label for="product3" id="product3" class="required">Product 3</label>
    <input  type="text" class="form-control" id="product3"  name="product" required>
</div>

Когда я отправляю, я хочу взять значения всех входных данных с Назовите товар и отправьте его в этом формате

Label name  value | Label name : value | Label name : value 

Answer 1

После отправки выполните al oop и создайте свой массив.

Например:

var arr = [];

$(form).find('input[name="product"]').each(function(index,element){

arr.push({ 'label': $(element).parent().find('label').text(), 'value':$(element).val() }); 

});