JavaScript работает в Firefox, но не в IE или Chrome?

Question

На моем сайте есть следующий JavaScript:

 $(function() {
    var $cells = $("td");

    $("#search").keyup(function() {
        var val = $.trim(this.value).toUpperCase();
        if (val === "")
            $cells.parent().show();
        else {
            $cells.parent().hide();
            $cells.filter(function() {
                return -1 != $(this).text().toUpperCase().indexOf(val);
            }).parent().show();
        }
    });
});​

Ссылка на него в действии.

Этот пример работает во всех браузерах, поэтому я предполагаю, что проблема где-то с моим HTML. Вот соответствующая часть:

  <div id="searchContainer">
                <input id="search" type="text">
            </div>
                <table>
                <tr>
                    <th>Username</th>
                    <th>Full name</th> 
                    <th>Tick to select</th>
               </tr>
           @foreach (var user in result) {
            <tr><td>@user.Username</td> <td>@user.FirstName @user.SecondName</td>
                <td><input type="checkbox" name="userId" value="@user.UserId" /></td></tr>
                }

Я думаю, что здесь должна быть ошибка, поскольку код отлично работает в Firefox, но не запускается вообще в Chrome или IE.

Answer 1

Возможно, потому что вы пропускаете закрывающее / входное окно поиска ...

<input id="search" type="text">

должно быть

<input id="search" type="text" />

Если нет, попробуйте опубликовать сгенерированный источник, чтобы убедиться, чтото, что на самом деле видит клиент, а не то, что видит asp.net (я предполагаю, что вы используете Asp.net mvc с бритвой?).