将下拉框写入js内无效果

function frk(){
var opt="<select id='demo' tabindex='1'><option >请选择</option><option value='AU' data-icon='d/qj1.jpg'>qj1</option></select>";
$("#opt").empty();
$("#opt").append(opt);
}
setInterval(frk,500);
<script type="text/javascript">wSelect.min.js"></script>
<script type='text/javascript'>
$('select').wSelect();
$('#demo').change(function() { console.log($(this).val()); });
$('#demo').val('AU').change();
$('#demo').val('PL').wSelect('change');
$('#demo').val('CA').change();
$('#demo').append('<option value="" disabled="disabled">______________________</option>').wSelect('reset');
</script>
一：<select id="demo" tabindex="1"><option >请选择</option><option value="AU" data-icon="d/qj1.jpg">qj1</option></select><br>
二：<div id="opt">y</div>

为何二无效果