jquery - jQuery Mobile で値の選択に基づいてフォーム要素をロードしていますか?

Question

アプリで jQuery Mobile を使用しています。選択した値に基づいていくつかのフォーム フィールドを表示したいと考えています。これが私のjQueryコードです

$( document ).bind( "pageinit", function( event, data ) {
$("#marrystatus").css("display","none");


    $("#marital_status").click(function(){
    if ($('#marital_status option:selected').val() == "Married" ) {
        $("#marrystatus").slideDown("fast"); //Slide Down Effect

    } else {
        $("#marrystatus").slideUp("fast");  //Slide Up Effect

    }
 });

});

ここに私のHTMLコードがあります

    <li id="marrystatus" data-role="fieldcontain" > 

    <label for="marriedto"></label> 
    <input type="text" name="marriedto" id="marriedto" 
placeholder="Married To" /> 

    <label for="marryanidate"></label> 
    <input type="text" name="marryanidate" id="marryanidate" 
placeholder="Marrige Anniversary Date (DD/MM/YYYY)" /> 
  </li> 

このコードは、Windows 7 の Google Chrome などの通常のブラウザーでは問題なく動作しますが、私の Android では動作しません。修正はありますか？