Динамически генерируемая форма не распознает разные строки

Question

Я строю динамически генерируемую таблицу, в которой каждая строка представляет собой форму с некоторыми входными данными, выбирает и имеет собственную отправку.

Вот мой код:

<script>
  $(function () {
    $('form').on('submit', function (e) {
      var princ = $('#principal').val();
      window.princ = princ;
      e.preventDefault();

      $.ajax({
        url: 'post.php',
        method: 'GET',
        data: {"princ":princ},
        success: function (response) {
        alert("success");
        } }); }); });
</script>
                  <table id="assets_table">
                  <thead style=" cursor: pointer;">
                  <tr style="text-align: left; color: #fff;">
                       <th>Lender </th>
                       <th>Principal </th>
                       <th>Int. % </th>
                       <th>Term (mo.) </th>
                       <th>Collateral </th>
                       <th></th>
                            </tr>
                            </thead>
                            <tbody>
 <?php
$competitions_id = $uscom['id'];
$users_query = mysqli_query($con, "SELECT * FROM competitions WHERE competition='$compe'");
$users_query_r = mysqli_fetch_array($users_query);
       foreach($users_query as $users_query_r) {
                   $usn = $users_query_r['Name'];
                    $usn_query = mysqli_query($con, "SELECT * FROM users WHERE                        username='$usn'");
                      $usn_query_r = mysqli_fetch_array($usn_query);
                                                      ?>
<form>
<tr>
<td> <img src="<?= $punch_query_r['profile_pic'] ?>" alt="user"> <?= $users_query_r['Name'] ?></td>
<td><input id="principal" type="text" value="0" ></td>
<td><input id="rate" type="text" value="0" ></td>
<td><input id="term" class = "term_input" type="text" value="0" ></td>
<td><input id="collateral" type="text" value="0">
<select id="colselect" >
  <option selected disabled>Select asset</option>
 </select></td>
 <td> <input type="submit"></td>
                  </tr>
                  <?php
                   } ?>
                                                      </tbody>
                                                  </table>
</form>

Однако я не могу заставить его работать должным образом, потому что когда я нажимаю на кнопку отправить, он на самом деле не отправляет форму соответствующей строки, а первую отправленную форму.

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

Есть идеи, как это решить? Большое спасибо заранее.