Select2 не работает после добавления jquery

Question

$(".js-example-tokenizer").select2({
    width: '100%',
    tags: true,
    allowClear: true,
    tokenSeparators: [',']
})

  var nl_gest_cor=0;

  $('.adicionar_gestao_coordenacao').click(function() {
  $(".js-example-tokenizer").select2('destroy');
  nl_gest_cor++;
  $("#tabela_gestao_coordenacao").append('<tr><td><input type="text" class="form-control" id="gestao_coordenacao_funcoes'+nl_gest_cor+'"></td><td><input type="text" class="form-control" id="gestao_coordenacao_nome'+nl_gest_cor+'"></td><td><select name="select_areas_gestao_coordenacao'+nl_gest_cor+'" id="select_areas_gestao_coordenacao'+nl_gest_cor+'" class="form-control js-example-tokenizer" multiple="multiple"><?php foreach ($areas_educacao as $area){echo '<option value="'.$area['id_areaeducacao'].'">'.$area['cod'].' - '.$area['designacao'].'</option>';}?></select></td></tr>');
  $(".js-example-tokenizer").select2({
    width: '100%',
    tags: true,
    allowClear: true,
    tokenSeparators: [',']
});

Итак, я прочитал в inte rnet, что вы должны уничтожить select2 и после добавления инициализировать его снова, однако, я попробовал этот метод и до сих пор не работает, и даже выдает эту ошибку на консоль Uncaught TypeError: $(...).select2 is not a function. Это в основном показывает, как нормальный выбор.