Как передать дополнительный параметр в поле JQuery Autocomplete?

Я использую автозаполнение JQuery в одной из моих форм.

Базовая форма выбирает продукты из моей базы данных . Это отлично работает, но я хотел бы продолжить разработку, чтобы возвращались только продукты, отправленные с определенным почтовым индексом. Я придумал бэкэнд-скрипт. Мне просто нужно найти лучший способ передать почтовый индекс в этот скрипт.

Так выглядит моя форма.

<form>

<select id="zipcode">

<option value="2000">2000</option>
<option value="3000">3000</option>
<option value="4000">4000</option>

</select>

<input type="text" id="product"/>

<input type="submit"/>

</form>

А вот код JQuery:

$("#product").autocomplete
({
     source:"product_auto_complete.php?postcode=" + $('#zipcode').val() +"&",
     minLength: 2,
     select: function(event, ui){

                             //action

                                 }
});

Этот код работает в определенной степени. Но возвращает только первое значение почтового индекса, независимо от того, какое значение фактически выбрано. Я предполагаю, что происходит то, что исходный URL-адрес загружается при загрузке страницы, а не при изменении меню выбора. Есть ли способ обойти это? Или есть лучший способ добиться желаемого результата?