title: Select2 with clone () does not want to work
body: <p>When I use the clone() method the elements with Select2 stop working. I have already verified that it is necessary to use the method "select2 ('destroy')", but I still can not find the problem. Anyone have any tips?</p>
  
  <p>Here's the example using the select2 ('destroy') method, right after initializing the element again.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>jQuery(document).ready(function($) {
  
      $('.consultorio').find('select').select2({
        width: '100%'
      });
  
      // Include new clinic group fields
      var max_fields      = 10; //maximum input boxes allowed
      var wrapper         = $(".consultorios"); //Fields wrapper
      var item            = $("#consultorio");
      var add_button      = $("#add_consultorio"); //Add button ID
      var x               = 1; //initial text box count
  
      $('.num-clinic').html(x);
  
      $(add_button).click(function(e){ //on add input button click
          e.preventDefault();
          if(x &lt; max_fields){ //max input box allowed
            x++; //text box increment
  
        
  
  
            $(item).find('select').select2('destroy');
            var new_item = $(item).first().clone(true).appendTo(wrapper);
  
            new_item.find('input,select').val('');
            new_item.attr('id', $(new_item).attr('id')+'_'+ x );
            new_item.find('.num-clinic').html(x);
            new_item.find('input,select').each(function(){
              $(this).attr('id', $(this).attr('id')+'_'+ x );
            })
  
  
            $(item).find('select').select2({ width: '100%' });
            $('select').select2({
              width: '100%',
              // language: 'pt-BR',
              language: {
                noResults: function (params) {
                  return 'Não encontramos sua localização. Por favor, tente novamente ou selecione a localidade mais próxima.';
                }
              }
            });
  
  
          }
      });
  
      $(wrapper).on("click",".remove_field", function(e){ //user click on remove text
          e.preventDefault();
          $(this).parents('fieldset').remove();
          x--;
      })
  
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/&gt;
  
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"&gt;&lt;/script&gt;
  &lt;link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet"/&gt;
  
  
  &lt;div class="consultorios" id="consultorios"&gt;
  
                  &lt;fieldset class="consultorio py-sm-4" id="consultorio"&gt;
                    &lt;div class="form-row"&gt;
                      &lt;div class="col-md-6"&gt;
                        &lt;legend&gt;Consultorio &lt;span class="num-clinic"&gt;&lt;/span&gt;&lt;/legend&gt;
                      &lt;/div&gt;
                      &lt;div class="col-md-6 text-right"&gt;
                        &lt;a class="remove_field" href="#"&gt;&lt;img src="&lt;?php bloginfo('template_url'); ?&gt;/assets/images/icon-erase@2x.png" alt="Excluir"&gt;&lt;/a&gt;
                      &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class="form-row"&gt;
                      &lt;div class="form-group col-md-4"&gt;
                        &lt;label class="sr-only" for="consultorio_nome"&gt;Nome do Consultório&lt;/label&gt;
                        &lt;input type="text" class="form-control required" name="consultorio_nome[]" id="consultorio_nome" placeholder="Nome do Consultório"&gt;
                      &lt;/div&gt;
                      &lt;div class="form-group col-md-4"&gt;
                        &lt;label class="sr-only" for="consultorio_especialidade"&gt;Especialidade&lt;/label&gt;
                        &lt;select name="consultorio_especialidade[]" id="consultorio_especialidade" class="required"&gt;
                          &lt;option value="" selected&gt;Especialidade&lt;/option&gt;
                          &lt;option value="Especialidade 1"&gt;Especialidade 1&lt;/option&gt;
                          &lt;option value="Especialidade 2"&gt;Especialidade 2&lt;/option&gt;
                          &lt;option value="Especialidade 3"&gt;Especialidade 3&lt;/option&gt;
                        &lt;/select&gt;
                      &lt;/div&gt;
                      &lt;div class="form-group col-md-4"&gt;
                        &lt;label class="sr-only" for="consultorio_valor_consulta"&gt;Valor da Consulta (Exemplo: R$ 100,00)&lt;/label&gt;
                        &lt;input type="text" class="form-control required" name="consultorio_valor_consulta[]" id="consultorio_valor_consulta" placeholder="R$ Valor da Consulta (Ex.: R$ 100,00)"&gt;
                      &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class="form-row"&gt;
                      &lt;div class="form-group col-md-3"&gt;
                        &lt;label class="sr-only" for="consultorio_cep"&gt;CEP&lt;/label&gt;
                        &lt;input type="text" class="form-control required" name="consultorio_cep[]" id="consultorio_cep" placeholder="CEP"&gt;
                      &lt;/div&gt;
                      &lt;div class="form-group col-md-5"&gt;
                        &lt;label class="sr-only" for="consultorio_bairro"&gt;Bairro&lt;/label&gt;
                        &lt;input type="text" class="form-control required" name="consultorio_bairro[]" id="consultorio_bairro" placeholder="Bairro"&gt;
                      &lt;/div&gt;
                      &lt;div class="form-group col-md-2"&gt;
                        &lt;label class="sr-only" for="consultorio_estado"&gt;Estado&lt;/label&gt;
                        &lt;select name="consultorio_estado[]" id="consultorio_estado" class="estado-ajax required"&gt;
                        &lt;/select&gt;
                      &lt;/div&gt;
                      &lt;div class="form-group col-md-2"&gt;
                        &lt;label class="sr-only" for="consultorio_cidade"&gt;Cidade&lt;/label&gt;
                        &lt;select name="consultorio_cidade[]" id="consultorio_cidade" class="cidade-ajax required"&gt;
                        &lt;/select&gt;
                      &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class="form-row"&gt;
                      &lt;div class="form-group col-md-8"&gt;
                        &lt;label class="sr-only" for="consultorio_endereco"&gt;Endereço&lt;/label&gt;
                        &lt;input type="text" class="form-control required" name="consultorio_endereco[]" id="consultorio_endereco" placeholder="Endereço (Ex.: Rua Alexandre Dumas, 1678)"&gt;
                      &lt;/div&gt;
                      &lt;div class="form-group col-md-4"&gt;
                        &lt;label class="sr-only" for="consultorio_referencia"&gt;Ponto de Referência&lt;/label&gt;
                        &lt;input type="text" class="form-control required" name="consultorio_referencia[]" id="consultorio_referencia" placeholder="Ponto de Referência"&gt;
                      &lt;/div&gt;
                    &lt;/div&gt;
                  &lt;/fieldset&gt;
  
                &lt;/div&gt;
  
                &lt;button class="btn btn-primary" id="add_consultorio"&gt;+ consultório&lt;/button&gt;</code></pre>
  </div>
  </div>
  </p>