Jquery keyup event not firing
<p>I'm trying to create handle the <code>keyup</code> event in a search field in my page using JQuery. The event is not being fired however, I don't see anything in the console.</p>
<h3>Relevant Javascript</h3>
<pre><code>$('input[type=search]').keyup(function () {
    var query = $(this).val().toLowerCase();
    console.log(query);
    $('li.file').each(function (index, element) {
        var name = $(element).text().toLowerCase();
        if (name.indexOf(query) &gt;= 0) {
            $(this).removeClass('hidden');
        } else {
            $(this).addClass('hidden');
        }
    });
});
</code></pre>
<h3>Search Field</h3>
<pre><code>&lt;li&gt;
    &lt;div class=&quot;input-group&quot;&gt;
        &lt;span class=&quot;input-group-addon&quot; id=&quot;basic-addon1&quot;&gt;&amp;#128269;&lt;/span&gt;
        &lt;input type=&quot;search&quot; class=&quot;form-control&quot; placeholder=&quot;Search&quot; aria-describedby=&quot;basic-addon1&quot;&gt;
    &lt;/div&gt;
&lt;/li&gt;
</code></pre>