Динамический выбор с кнопкой плюс

Question

Я пытаюсь сделать выбор полей, которые обновляются динамически. Я заставил это работать, но на моей странице есть кнопка «плюс», которая будет добавлять другие поля select при нажатии

Как сделать так, чтобы это поле select добавлялось и при обновлении самой кнопки «плюс»?

Это мой код для динамического select и для кнопки плюс. Я попытался динамически выбрать снова после нажатия кнопки «плюс», но не повезло, возможно, мой код сам по себе неправильный

$(document).ready(function($) { //dinamic select
  $('#subsidiary_add').change(function() {
    $.get("{{ url('compras/ordem_compra/retorna_pedido')}}", {
        id_subsidiary: $(this).val()
      },
      function(data) {
        var model = $('#id_pedido_compra_add');
        model.empty();
        $.each(data, function(key, value) {
          model.append("<option value='" + key + "'>" + value + "</option>");
        });
      }
    );
  });
});

var counter = 0;
$('.modal-body').on('click', '#add', function() { // "plus button"
  $('#plusbutton').append(
    "<label for='id_pedido_compra' class='col-md-2 col-form-label added'>Descrição</label>" +
    "<div class='form-group col-md-4 added'>" +
    "<select class='form-control' name='id_pedido_compra" + counter + "' id='teste'>" +
    "<option selected='selected' value>...</option>" +
    "</select>" +
    "</div>" +
    "<label for='quantidade_comprada' class='col-md-2 col-form-label added'>Quantidade</label>" +
    "<div class='form-group col-md-4 added'>" +
    "<input id='quantidade_comprada' class='form-control' name='quantidade_comprada" + counter + "' type='text'>" +
    "</div>"
  );
  counter++;
});