jQuery Mobileのselectフォームを非表示にする

jQuery Mobileではselectフォームを非表示にする際、
以下のようにselectタグそのものを対象に操作しても
正常に動きません。

     $('select').hide();

1	$('select').hide();

というのも、jQuery Mobileでselectフォームの見た目を担って
いるのはselectタグではなく、selectタグを取り込んだdivタグ
だからです。

なので、上記のようにselectタグのみhide()にすると、見た目は
そのままで、selectフォームが動かない。という状態になります。

このselectタグを囲むdivタグは、jQuery Mobileによって自動的に
割り当てられるので、以下のようにして非表示にします。

    $('select').parent().hide();

1	$('select').parent().hide();

もしくは、以下のように自分でselect分を囲むdivタグを追加し、
その追加したdivタグに表示/非表示の操作をする、という方法も
あります。
(この場合ももちろんjQuery Mobileによるdivタグの追加は行われます。)

$(function(){
    $('#wrapper').hide();
});

<div id="wrapper">

    bobo
    bobo
    bobo
    bobo
    bobo

</div>

$(function(){

$('#wrapper').hide();

});

bobo

</div>