Добавление поля по одному и увеличение ключа поля

Question

У меня есть скрипт функции, который добавляет поле и добавляет его ключ массива, используя while l oop. Но проблема здесь: мне нужно добавить только одну строку вместо числового значения переменной farmmaxField.

В этом скрипте у меня был такой результат

Этот результат был правильным. Но мне нужна одна строка для каждой строки добавления и удаления строки.

Между прочим, переменная aa - это мой идентификатор строки, предполагая, что фотография выше - строка # 2

результат 1-й строки

[0][1]
[0][2]
[0][3]
[0][4]
.....

Результат 2-й строки

[1][1]
[1][2]
[1][3]
[1][4]
.....

и т. Д.

Надеюсь, кто-то мне с этим поможет. Спасибо.

Это мой скрипт

var farmIncr = 1;
var newfarmIncr = +farmIncr + 1;
var farmmaxField = 5;
var farmlimitField = 1;
$(document).ready(function(){
  $('#add_farm_details_'+aa).click(function(){

            if(farmIncr < farmmaxField){
            var i = 1;
            while (i < farmmaxField) {
                $('#commodity_add'+aa).append('<input class="form-control form-control-sm col-sm-12" name="crop_commodity['+ aa +']['+ i +']" id=""  type="text" style="text-transform: uppercase; outline: 0;text-align:center;">');
                $('#size_add'+aa).append('<input class="form-control form-control-sm col-sm-12" name="size['+ aa +']['+ i +']" id=""  type="text" style="text-transform: uppercase; outline: 0;text-align:center;">');
                $('#no_heads_add'+aa).append('<input class="form-control form-control-sm col-sm-12" name="no_heads['+ aa +']['+ i +']" id=""  type="text" style="text-transform: uppercase; outline: 0;text-align:center;">');
                $('#farm_type_add'+aa).append('<input class="form-control form-control-sm col-sm-12" name="farm_type['+ aa +']['+ i +']" id=""  type="text" style="text-transform: uppercase; outline: 0;text-align:center;">');
                $('#organic_add'+aa).append('<input class="form-control form-control-sm col-sm-12" name="organic['+ aa +']['+ i +']" id=""  type="text" style="text-transform: uppercase; outline: 0;text-align:center;">');
                i++;
              }
              farmIncr++;
              newfarmIncr++;

            }

  });

          $('#remove_farm_details_'+aa).click(function(e) {
            e.preventDefault();
                if(farmIncr > farmlimitField) {
                    $('#commodity_add'+aa).children().last().remove();
                    $('#size_add'+aa).children().last().remove();
                    $('#no_heads_add'+aa).children().last().remove();
                    $('#farm_type_add'+aa).children().last().remove();
                    $('#organic_add'+aa).children().last().remove();          
                    farmIncr--; //Decrement field counter
                    newfarmIncr--;
                }
          });
});