Пример
$(document).ready(function(){
$("#but1").click(function(){
var x=$("#form1").serializeArray();
var result=x[0].name+":"+x[0].value+", "+x[1].name+":"+x[1].value;
$("#result").html(result);
});
});
С помощью метода serializeArray Вы можете создать массив содержащий имена и значения выбранной формы или выбранного элемента формы.
$(селектор).serializeArray()
селектор (обязательный параметр) Указывает форму или элемент формы, на основе которого будет создан массив.