Изменение данных формы через панель разработчика браузера

HTML:

1. <form action='test.php' method='POST'>
2.     <input type='hidden' name='id_goods' value='333'>
3.     <input type='submit' name='add_cart' value='Добавить в корзину'>
4. </form>

Код (Javascript):

1. $('body').on('click', 'input[name=add_cart]', function(e){
2.     e.preventDefault();
3.     var $formData = new FormData();
4.     $formData.append('id_goods', $(this).prev('input[name=id_goods]').val());
5.     $.ajax({
6.         type: "POST",
7.         processData: false,
8.         contentType: false,
9.         url: "test.php",
10.         data: $formData
11.     });
12. });

При изменении значения value='333', например, на value='33311' через панель разработчика любого браузера и нажатии на кнопку submit, к php-обработчику уходят неправильные данные. Как это можно исправить?

 

Идет выборка товаров из базы данных. С помощью цикла формируется форма для отправки товара в корзину. ID товара заношу в input type=hidden. Товар в корзину, хотелось бы, чтобы уходил без перезагрузки страницы. Использую Ajax - код указал вначале. Изначально в поле name='id_goods' value='333' такие данные. Через панель разработчика браузера меняю name='id_goods' value='222'. Нажимая кнопку "Добавить в корзину" и к обработчику уходит value='222'. Данные на вредоносный код проверяю. Но приходит ID не того товара для которого была предназначена форма. Что я делаю неправильно?

 

Спасибо!