สอบถามเรื่อง clone row + select2 multiple ครับ ติดปัญหาข้อมูลใน select2 รวมกัน

<div class="container">
    <div class="row">
      <main class="col-12">
        <?php 
          if($act == 'index'): 
        ?>
        <div class="row">
          <div class="col-12">
            <div class="card">
              <div class="card-body">
                <form action="?act=insert" method="POST">
                  <div class="form-group row">
                    <a href="javascript:void(0)" class="btn btn-sm btn-success btnAdd">+ Add Item</a>
                  </div>
                  <div class="form-group row">
                    <div class="table-responsive">
                      <table class="table table-bordered table-sm item">
                        <thead>
                          <tr>
                            <th>Name</th>
                            <th width="15%">Reason</th>
                            <th>#</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td>
                              <input type="text" class="form-control" name="name[]" required>
                            </td>
                            <td>
                              <select class="form-control selectReason" name="reason[]">
                                <?php
                                  $allReason = [
                                    "1" => "AAA",
                                    "2" => "BBB",
                                    "3" => "CCC",
                                    "4" => "DDD",
                                    "5" => "EEE"
                                  ];
                                  foreach($allReason as $key => $value){
                                    echo "<option value='{$key}'>{$value}</option>";
                                  }
                                  unset($reason);
                                ?>
                              </select>
                            </td>
                            <td style="display:none;">
                              <button class="btn btn-sm btn-danger btnRemove">-</button>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                  </div>
                  <div class="form-group row justify-content-center">
                    <div class="col-sm-3 mb-2">
                      <button class="btn btn-success btn-sm btn-block" name="btnInsert">
                        <i class="fa fa-check mr-2"></i>OK
                      </button>
                    </div>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
        
        <?php
          endif;

          if($act == 'insert'){
            foreach(array_filter($_POST['name']) as $key => $value){
              $name = $_POST['name'][$key];
              $reason = $_POST['reason'];

              echo "{$name}<br>";
              print_r($reason);
              echo "<hr>";
            }
          }
        ?>
      </main>
    </div>
  </div>

$(".selectReason").select2({ multiple: true,placeholder: "- Select Reason -"});
    $(".selectReason").val("").trigger("change");

    $(".btnAdd").on("click",function() {
      $(".selectReason").select2("destroy");
      var row = $(".item").find("tbody").find("tr:last");
      var clone = row.clone();

      clone.find("input, select").attr("disabled", false).val("");
      clone.find("td:last").show();
      clone.find(".btnRemove").click(function() {
        $(this).closest("tr").remove();
      });
      row.after(clone);
      $(".selectReason").select2({ multiple: true,placeholder: "- Select Reason -"});
      clone.show();
    });