Ajax редактирование записи таблицы

Помогите пожалуйста сделать редактирование записи,вывожу данные записи из таблицы в форму с id="bay",а как сделать чтобы при вводе новых данных по клику кнопки с id="add" данные сохранялись не понимаю.

Код (Javascript):

1. $('.bay').click(function(){
2.     var stoimost=$(this).data('stoimost'),
3.     id_bileta=$(this).data('bilet');
4.     name=$(this).data('name');
5.     $('#bilet').val(id_bileta);
6.     $('#stoimost').val(stoimost);
7.     $('#name').val(name);
8.     return false;
9. });

HTML:

1. <form id="bay" method="post" action="search2.php">
2.   <div class="form-group">
3.     <label for="name">Имя</label>
4.     <input type="text" class="field1" id="name"  name="name"  placeholder="Ваше имя" required>
5.   </div>
6.   <div class="form-group">
7.     <label for="email">Почта</label>
8.     <input type="email" class="field2" id="email" name="email" placeholder="Ваша почта" required>
9.   </div>
10.   <div class="form-group">
11.     <label for="bilet">Номер билета</label>
12.     <input type="text" class="field3" id="bilet" name="bilet" readonly>
13.   </div>
14.   <div class="form-group">
15.     <label for="stoimost">Стоимость</label>
16.     <input type="text" class="field4" id="stoimost" name="stoimost" value="руб" readonly>
17.    
18.   </div>
19.   <button name="add" type="submit" class="field5" >Купить</button>
20.    <button type="submit" class="field6" >Забронировать</button>
21.  
22. </form>

 

Я не понимаю как это сделать,сколько пробовал,не выходит,помогите на моём примере пожалуйста.