jquery .ajax отправка данных из двух форм на одной странице

Question

У меня есть две формы на странице.

Форма 1 - Сбор данных компании

<form id="company">
    Company Name : input - text
    Address : input - text
    City : select from drop down using select2
    submit button
</form>  

Форма 2 - добавитьгород в раскрывающемся списке формы 1

<form id="city">
    City Name :input - text ....
    State : select from drop down using select2 ...
    button : add city ....onClick do .ajax submit
</form>

Форма 2 (город) используется для добавления отсутствующего города в раскрывающийся список формы 1 (компания).Функция «Добавить город» использует .ajax.

Когда я это делаю, .ajax отправляет данные из Форма 1 и Форма 2 .Я четко указываю два поля, которые должны быть представлены.Я подозреваю, что причиной такого поведения является установка одного из параметров .ajax.Я буду признателен, если кто-то может помочь мне решить эту проблему.Код jQuery приведен ниже.

    $.ajax({
      url: "addCity",
      method: 'POST',
      data: {
        name: $("#city_name").val(),
        state: $("#state").val(),
      },
      success: function(data) {
        var messages = $('.messages');

        var successHtml = "success message ....";
        $(messages).html(successHtml);

      }
    });