Как заполнить текстовое поле с помощью php ajax в каждой строке таблицы при изменении другого текстового поля в строке

//stock transfer dynamic textboxes
$(function() {

  function makeRow(table) {
    console.info("Add Row to " + $(table).attr("id"));
    var row = $("<tr>").appendTo($("tbody", table));
    $("thead th", table).each(function() {
      $("<td>").html("&nbsp;").appendTo(row);
    });
    $("td")
      .eq(0)
      .append($("<div>", {
        class: "search-box"
      }), $("<input>", {
        id: "stock-" + row.index(),
        class: "form-control is-warning stock",
        type: "text",
        name: "stock[]",
        placeholder: "Search by name or code"
      }), $("<div>", {
        class: "result"
      }));
    $("td")
      .eq(4)
      .append($("<input>", {
        class: "form-control is-warning eqty",
        type: "text",
        name: "stockeqty[]",
        size: "2",
        readonly: true
      }));
    return row;
  }

  $(document).on('click', '.btnaddstockTransfer', function() {
    makeRow($("#stockTransfer"));
  });
  
  $(document).on('keyup input', '.search-box input[type = "text"]', function() {
    /* Get input value on change */
    var inputVal = $(this).val();
    var resultDropdown = $(this).closest("tr").find(".result");
    if (inputVal.length) {
      $.get("backend-search.php", {
        term: inputVal
      }).done(function(data) {
        // Display the returned data in browser
        resultDropdown.html(data);
      });
    } else {
      resultDropdown.empty();
    }
  });

  // Set search input value on click of result item
  $(document).on("click", ".result", function() {
    var row = $(this).closest("tr");

    $('.stock', row).val($(this).text().trim());
    $(this).html("");

    $.ajax({
      method: "get",
      url: "saleqtyOnFly.php",
      data: {
        item: stock
      },
      success: function(data) {
        $(".eqty", row).val(data);
      }
    });
  });
});

#stockTransfer thead th {
  color: blue;
}

<link href = "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel = "stylesheet" integrity = "sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin = "anonymous">
<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<button class = "btnaddstockTransfer">Add Stock Transfer</button>
<div style = "overflow-x:auto">
  <table id = "stockTransfer" class = "table">
    <thead>
      <tr>
        <th>Search Product's(Name/Code)</th>
        <th>Instore Availability</th>
        <th>Price/Unit</th>
        <th>Choose Selling Unit(eg:cartons/etc)</th>
        <th>Quantity</th>
        <th>Cummulative Price</th>
        <th>Delete </th>
      </tr>
    </thead>
    <tbody>
    </tbody>
  </table>
</div>

$(document).ready(function() {
  $(document).on('click', '.btnaddstockTransfer', function() {
    var html = '';
    html += '<tr>';
    html += '<td><div class = "search-box"><input id = "stock" class = "form-control is-warning stock" type = "text" name = "stock[]" placeholder = "Search by name or code"><div class = "result"></div></div></td>';
    html += '<td><input class = "form-control is-warning eqty" type = "text" name = "stockeqty[]" readonly size = "2"></td>';
    html += '</tr>';

    $('#stockTransfer').append(html);


    $(document).on('keyup input', '.search-box input[type = "text"]', function() {
      /* Get input value on change */
      var inputVal = $(this).val();
      var resultDropdown = $(this).siblings(".result");
      if (inputVal.length) {
        //just dummy data for example purposes:
          resultDropdown.html("<p>Result 1</p><p>Result 2</p>");
        /*$.get("backend-search.php", {
          term: inputVal
        }).done(function(data) {
          // Display the returned data in browser
          resultDropdown.html(data);
        });*/
      } else {
        resultDropdown.empty();
      }
    });

    // Set search input value on click of result item
    $(document).on("click", ".result p", function() {

      var stock = $(this).text();

      $(this).parents(".search-box").find('.stock').val(stock);
      var tr = $(this).parent().parent().parent().parent();
      $(this).parent(".result").empty();

      /*$.ajax({
        method: "get",
        url: "saleqtyOnFly.php",
        data: {
          item: stock
        },
        success: function(data) {
          tr.find(".eqty").val(data);
        }
      })*/
      //just dummy data for example purposes:
      tr.find(".eqty").val(123);
    });
  });
});

<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<button class = "btnaddstockTransfer" type = "button">
Add stock transfer
</button>
<div style = "overflow-x:auto">
  <table id = "stockTransfer" class = "table">
    <thead>
      <tr>
        <th style = "color:blue">Search Product's(Name/Code)</th>
        <th style = "color:blue">instore Availability</th>
        <th style = "color:blue">Price/Unit</th>
        <th style = "color:blue">Choose Selling Unit(eg:cartons/etc)</th>
        <th style = "color:blue">Quantity</th>
        <th style = "color:blue">Cummulative Price</th>
        <th style = "color:blue"> Delete </th>
      </tr>
    </thead>
    <tbody>
      <tr>
      </tr>
    </tbody>
  </table>
</div>