You can use this:
$('form').on('submit', function (e) {
e.preventDefault();
var o = {};
o['Name'] = $('[name="name"]').val();
o['Address'] = $('[name="address"]').val();
$.each(o, function (k, d) {
var p = '<p>' + k + ' : ' + d + '</p>';
$('#modal').append(p);
});
});
A better way to do it.
As you updated your markup code then you have to update your js code little bit this way:
$('form').on('submit', function (e) {
e.preventDefault();
var o = {};
o['Name 1'] = $('label:contains(1)').next('[name="name[]"]').val();
o['Name 2'] = $('label:contains(2)').next('[name="name[]"]').val();
o['Name 3'] = $('label:contains(3)').next('[name="name[]"]').val();
o['Address'] = $('[name="address"]').val();
$.each(o, function (k, d) {
var p = '<p>' + k + ' : ' + d + '</p>';
$('#modal').append(p);
});
});