jquery - jQuery Mobile：ラジオボタンの選択を定期的に更新します

Question

ラジオボタンのグループを更新するのに問題があります。誰かが助けてくれることを願っています。問題は、最新の選択（選択されているラジオ）を表示する方法です。したがって、あるユーザーがAを選択すると、別のユーザーがラジオボタンをどのように見ることができますか。 「#rA」は自分のデバイスで選択されています。

マークアップは次のとおりです。選択したラジオの値を表示するdivと3つのラジオボタン。

<div id="radiostate"><?php echo $value;?></div>
<div id="test" >     
    <input type="radio" name="r" id="rB" value="B" data-theme="c" ><label for="rB">&nbsp;</label>  
    <input type="radio" name="r" id="rA" value="A" data-theme="a" ><label for="rA">&nbsp;</label>
    <input type="radio" name="r" id="rC" value="C" data-theme="f" ><label for="rC">&nbsp;</label>
</div> 

10秒ごとにdiv"#radiostate"を更新し、$valueに基づいてラジオボタンをチェックするコード：

 var refresh = setInterval(function(){
   $('#radiostate').load('getstate.php');
   var dbvalue = $('#radiostate').text();
   $('input[type="radio"][value="' + dbvalue +'"]').attr('checked', true).checkboxradio("refresh");
 }, 10000); 

これは、選択したラジオ値（A、B、またはC）を「#radiostate」に表示するために正常に機能しますが、ラジオボタンは変更されません...何か提案はありますか？前もって感謝します！

編集1

また、ラジオボタンを別のPHP（radio.php）に配置し、10秒ごとにロードしようとしましたが、これはスタイルを完全に台無しにしました。radio.phpにjquery.jsとjquerymobile.jsを含めないと、ラジオボタンのスタイルが失われます。

jquery.jsとjquerymobie.jsを含めると、index.phpは次のようになり、radio.phpをロードするたびにレイヤーが増加します。