title: Using Select2 inside Jquery repeater not working
body: <p>Im using Select2 Bootstrap <a href="https://select2.github.io/" rel="nofollow noreferrer">https://select2.github.io/</a>
  for Remote Data Fetching Via Ajax and All this inside a Jquery Repeater <a href="http://briandetering.net/repeater" rel="nofollow noreferrer">http://briandetering.net/repeater</a></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-html lang-html prettyprint-override"><code>&lt;div data-repeater-item class="mt-repeater-item"&gt;
                                  &lt;!-- jQuery Repeater Container --&gt;
  &lt;div class="mt-repeater-input"&gt;
   &lt;label class="control-label"&gt;First Team&lt;/label&gt;
    &lt;br/&gt;
   &lt;select name="equipe_1" id="select2-button-addons-single-input-group-sm" class="form-control js-data-example-ajax"&gt;
  &lt;/select&gt;
   &lt;/div&gt;
   &lt;div class="mt-repeater-input"&gt;
   &lt;label class="control-label"&gt;Second Team&lt;/label&gt;
  &lt;br/&gt;
  &lt;select name="equipe_2" id="select2-button-addons-single-input-group-sm" class="form-control js-data-example-ajax"&gt;
  &lt;/select&gt;
  &lt;/div&gt;
                                  &lt;div class="mt-repeater-input"&gt;
                                      &lt;a href="javascript:;" data-repeater-delete class="btn btn-danger mt-repeater-delete"&gt;
                                          &lt;i class="fa fa-close"&gt;&lt;/i&gt; Delete&lt;/a&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>This is my HTML but when i Click on  the Add button i have the form cloned but the slect2 dropdonw is not working.</p>
  
  <p>My Componement Select2 JS File</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>$(".js-data-example-ajax").select2({
              placeholder: "Choose a Team...",
              width: "off",
              allowClear: true,
              multiple:false,
              ajax: {
                  url: "http://test.dev/teamsearch",
                  dataType: 'json',
                  type: "POST",
                  delay: 2000,
                  data: function(params) {
                      return {
                          q: params.term, // search term
                          page: params.page,
                          _token: CSRF_TOKEN
                      };
                  },
                  processResults: function(data, page) {
                      // parse the results into the format expected by Select2.
                      // since we are using custom formatting functions we do not need to
                      // alter the remote JSON data
                      return {
                          results: data
                      };
                  },
                  cache: true
              },
              escapeMarkup: function(markup) {
                  return markup;
              }, // let our custom formatter work
              minimumInputLength: 4,
              maximumSelectionLength: 1,
              templateResult: formatRepo,
              templateSelection: formatRepoSelection
          });</code></pre>
  </div>
  </div>
  </p>
  
  <p>my Jquery Repeater File:</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>var FormRepeater = function () {
  
      return {
          //main function to initiate the module
          init: function () {
              
               $('.mt-repeater').each(function(){
            $(this).repeater({
             show: function () {
  
                          $(this).slideDown();
  
  
                },
  
                hide: function (deleteElement) {
                    if(confirm('Are you sure you want to delete this element?')) {
                        $(this).slideUp(deleteElement);
                    }
                },
  
                ready: function (setIndexes) {
  
                }
  
            });
           });
          }
  
      };
  
  }();
  
  jQuery(document).ready(function() {
      FormRepeater.init();
  
  });</code></pre>
  </div>
  </div>
  </p>
  
  <p>Im using Select2 ajax to load a list of team inside.</p>
  
  <p>How can i make select2 working when jquery repeater clone my form ?
  Thank's</p>