select2 не работает после добавления строки и span, удваивается при каждом добавлении новой строки

Question

я пытаюсь добавить строку, а затем select2 не работает должным образом, потому что класс span2 select2-container - по умолчанию получает дважды при добавлении новой строки, и я не могу выбрать значение параметра, может кто-нибудь помочь?

<script type="text/javascript">

$ (документ) .ready (функция () {

  //add row
  $('#addRow').on('click',function(){
    var lastRow = $('#dataTable tbody tr:last').html();
    $('#dataTable tbody').append('<tr>' + lastRow + '</tr>');
    $('#dataTable tbody tr:last input').val('');

    $('.select2:last').select2({
      placeholder : "-Pilih Product-",
      ajax:{
        type : "GET",
        url : "<?php echo site_url('quotation/get_product')?>",
        delay : 250,
        dataType : "json",
        data : function(params){
          return{
            name : params.term
          }
        },
        processResults : function(data,page){
          var results = [0];

          $.each(data,function(index,items){
            results.push({
              id:items.item_code,
              text:items.item_name,
            });
          });
          return {
            results:results
          };
        },
      }
    });

    $('[data-toggle="tooltip"].form-control').tooltip();  
    $('.prize').autoNumeric();
  });

  // Delete selected checkbox in the table
$('#delRow').click(function() {
    var lenRow    = $('#dataTable tbody tr').length;
    var lenChecked  = $("#dataTable input[type='checkbox']:checked").length;
    var row = $("#dataTable tbody input[type='checkbox']:checked").parent().parent();
    if (lenRow == 1 || lenRow <= 1 || lenChecked >= lenRow) {
        alert("Can't remove all row!");
    } else {
        row.remove();
    }
  });

});