jqueryでselect-option操作お世話になります｡下記のｿｰｽのようにselect1の値が変更されたらそれに連なる値をselect2に表示させるようにしたのですが select2のﾀｸﾞに…

jqueryでselect-option操作

お世話になります｡
下記のｿｰｽのようにselect1の値が変更されたら
それに連なる値をselect2に表示させるようにしたのですが
select2のﾀｸﾞに｢multiple="multiple" data-native-menu="false"｣の記述があると(更新)動作しません｡
上記の記述がなければ複数選択はできませんが､表示だけはされます
｢multiple="multiple" data-native-menu="false"｣の場合は
このやり方ではいけないのでしょうか

------------以下ｿｰｽ

$("#select1").change( function(){
setSelect2($(this).val());
});

function setSelect2(s){
$('#select2').find('option').remove();
$(test_json).each(function(i){
if(test_json[i].id == 1){
$('#select1').append($('<option></option>')
.val(i)
.text(test_json[i].name));
}
});
}
//初期値設定
setSelect2(0);
});

</script>
</head>
ｾﾚｸﾄ1
<select id="select1" data-theme="b">
<option value="0">ZERO</option>
<option value="1">TWO</option>
<option value="2">THREE</option>
</select>

ｾﾚｸﾄ2
<select id="select2" multiple="multiple" data-native-menu="false" data-theme="b">
</select>

こちらの環境では動作しました｡
IE11, Chrome35, Firefox30で確認しました｡

ちょっと想像入ってますが､提示されたｿｰｽから特に何も変わってないと思います｡
一応ｿｰｽ貼ります｡
※修正しました｡ｺﾒﾝﾄで補足します｡

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="jm/jquery.mobile-1.4.2.min.css" />
<script src="jquery-1.11.1.min.js"></script>
<script src="jm/jquery.mobile-1.4.2.min.js"></script>
<script>
$(function() {
 var test_json = [
 {"id" : 1, "name" : "ghi"},
 {"id" : 0, "name" : "abc"},
 {"id" : 2, "name" : "mno"},
 {"id" : 2, "name" : "pqr"},
 {"id" : 0, "name" : "def"},
 {"id" : 1, "name" : "jkl"}
 ];

 $("#select1").change( function(){
 setSelect2($(this).val());
 });

 function setSelect2(s){
 $('#select2').children().remove();
 $(test_json).each( function(i){
 if(test_json[i].id == s){
 $('#select2').append($('<option/>')
 .val(i)
 .text(test_json[i].name));
 }
 });
 $('#select2').selectmenu("refresh");
 }

 //初期値設定
 setSelect2(0);
});

</script>
</head>
<body>
 <select id="select1" data-theme="b">
 <option value="0">ZERO</option>
 <option value="1">TWO</option>
 <option value="2">THREE</option>
 </select>
 <br />
 
 <select id="select2" data-theme="b" multiple="multiple" data-native-menu="false"></select>
</body>
</html>