jquery mobile checkboxがスタイルを失う

Question

こんにちは、jqmとphonegapを使って簡単なアプリケーションを書いています。チェックボックスに問題があります。コードを.append（）で追加した後にスタイルが失われます。 .htmlの中 ：

 <div data-role="fieldcontain"> 
     <fieldset data-role="controlgroup" id="vklConf"> 
      <legend>Deposit:</legend> 
      <input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom" /> 
      <label for="checkbox-1a">first</label> 
     </fieldset> 
    </div> 

との.jsで：

function upbConfDep(){ 

    mydb.transaction 
    (
    function(transaction) 
    { 
     transaction.executeSql 
     (
     'SELECT `id`, `name` FROM `deposits` WHERE `userId`='+userId+' ORDER BY `name`;', 
     [], 
     function (transaction, results) 
     { 
      var depostitNumber=results.rows.length,nowRow; 
      if (results.rows.length>0) 
      { 
      for(var i=0;i<depostitNumber;i++) 
      { 
       dps=results.rows.item(i); 

       $('#vklConf').append('<input type="checkbox" name="ch'+dps['id']+'" id="ch'+dps['id']+'" class="custom" />'); 
       $('#vklConf').append('<label for="ch'+dps['id']+'">'); 
       $('#vklConf').append(dps['name']); 
       $('#vklConf').append('</label>'); 
      } 
      } 

     }, 
     DBerror 
    ); 

    } 
); 
     $("#vklConf").checkboxradio('refresh'); 
    //or $("input[type='checkbox']").checkboxradio("refresh"); dosn`t work 
} 

upbConfDep(); 
$('#newPrize').live 
(
    'pageinit', 
    upbConfDep 
); 

（ "リフレッシュ"）dosn`t作業を.checkboxradio使用。 チェックボックスがスタイルを失う理由は誰にも分かりますか？

Answer 1

ランページに追加行われた後、このコード

$(".ui-page").trigger("create"); 

例：http://jsfiddle.net/codaniel/hY7TQ/1/