私のselect2をdivボックスに追加するにはどうしたらいいですか？

Question

select2を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()への呼び出しを行いますAPPEND後：

$(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

初期化は、selectタグを付加した後、プラグインをSELECT2。

$(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");