jQuery form repeater and select2 dont work together
<p>I am using Select2 and jQuery form repeater (<a href="https://github.com/DubFriend/jquery.repeater" rel="nofollow noreferrer">https://github.com/DubFriend/jquery.repeater</a>)</p>

<p>I have searched on google/so for 2 days, but cant seem to get it to work. </p>

<pre><code>include jquery/select2.js/jquery.repeater.js

var form = $('#form');
form.find('select').select2();

form.repeater({
    show: function () {
    $(this).show(function(){
        form.find('select').select2('destroy').select2();
    });
    },
    hide: function (remove) {
      $(this).hide(remove);
    }
});
</code></pre>

<p>The problem is the jQuery.repeater clones the div tag in which the input and select elements are when select2 is already initialized and has already changed the DOM, so jQuery.repeater copies the changed DOM. I tried to destroy select2 before the repeat action is called, but that dindt work either.</p>