jquery-mobile - JQuery ListView 複数項目

Question

1 つのマスター テキスト入力によって制御される (listviewbeforefilter を使用して) ページに 3 つの jquery モバイル リストビューが必要です。

私の考えは、3 つの通常のリストビューを作成することでした。

<div>
    <input type="text" id="MasterBar">
</div>

<div data-theme="a" class="ui-block-a">
    <ul id="ListResults1" data-filter-theme="b" data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="Enter Terms..." data-mini="true" data-split-icon="info"  data-theme="a" data-divider-theme="a" data-split-theme="a"></ul>
</div>

<div data-theme="a" class="ui-block-b">
    <ul id="ListResults2" data-filter-theme="b" data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="Enter Terms..." data-mini="true" data-split-icon="info"  data-theme="a" data-divider-theme="a" data-split-theme="a"></ul>
</div>

<div data-theme="a" class="ui-block-c">
    <ul id="ListResults3" data-filter-theme="b" data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="Enter Terms..." data-mini="true" data-split-icon="info"  data-theme="a" data-divider-theme="a" data-split-theme="a"></ul>
</div>

ユーザーがマスター入力にテキストを入力すると、3 つのリストビューがトリガーされます。サブリストビューは、$('#MasterBar')入力とは異なる列にある必要があります。

$(document).ready(function()
{
    //hide all of the input fields
    $('.ui-input-search').hide();

    ('#MasterBar').keyup(function()
                        {
                            $("input[data-type='search']").val(this.value);
                        });

});

現時点では機能していないようです。イベントをトリガーする方法がわかりません。

$("input[data-type='search']").trigger("listviewbeforefilter");

これは実行可能ですか、それともより良い方法がありますか?