Как я могу добавить свой select2 в поле div?

Question

Я хочу добавить select2 в div box. Но тогда он больше не работает.

Здесь скрипкой: https://jsfiddle.net/r7cop362/165/

<select class="select2" > 
    <option selected="selected">Kerry</option> 
    <option selected="selected">Cork</option> 
</select> 
<div id="box"></div> 


$('.select2').select2(); 
$(document).ready(function() { 
    $("#box").append("<select class='select2'><option selected='selected'>Cat</option><option selected='selected'>Dog</option></select>"); 
}); 

Answer 1

сделать вызов select2() снова после добавления:

$(document).ready(function() { 
    $("#box").append("<select class='select2' ><option selected='selected'>Cat</option><option selected='selected'>Dog</option> </select>"); 
    $('.select2').select2(); 
}); 

UPDATED FIDDLE

Answer 2

Initialize ВЫБ.2 плагин после прилагая выберите тег.

$(document).ready(function() { 
    $("#box").append("<select class='select2' ><option selected='selected'>Cat</option><option selected='selected'>Dog</option> </select>"); 
    $('.select2').select2(); 
}); 

Answer 3

$("#box").append($('.select2')); 

или

$('.select2').appendTo("#box");