jQuery Mobile Search无法正常工作

Question

我正在运行jquery 1.7.2和jquery mobile 1.3.1

当用户输入时，我想在div中搜索，一切都应该隐藏起来。此代码适用于jsfiddle - ＆gt; http://jsfiddle.net/Bcz2n/，但是当我将相同的代码复制到我的整个项目时，它不起作用。

HTML

<div data-role="content">
    <input type="search" id="search" placeholder="Search by club or event name..."/>
    <ul id='searchlist' data-role='listview'>
        <li>
            <h3>ABC</h3>
            <p>this is ABC</p>
        </li>
        <li>
            <h3>DEF</h3>
            <p>DEF is not ABC</p>
        </li>
    </ul>
</div>

JS

$('#searchlist li').hide(0);

    $("#search").keyup(function(){
        alert("hi");
        var SEARCHWORD = $.trim(this.value);
        if(SEARCHWORD === ""){
            $('#searchlist li').slideUp(150);
            return false;
        }
        $("#searchlist li").each(function(){

            if($(this).
            find("h3, p").
            text().toUpperCase().
            indexOf(SEARCHWORD.toUpperCase()) >=0)
            $(this).slideDown(150);
            else
             $(this).slideUp(150);

        });

    });

在我的整个文件中，在此^

之后我还有其他的javascript函数