title: How to filter a list based on an input field?
body: <p>I have a JSF 2.0 application with a basic search bar with a list of contacts that is updated on <code>keyup</code> so that only the values that match the text in the search bar are displayed.</p>
  
  <pre><code>&lt;h:panelGroup id="contacts_tab_contacts_list"&gt;
      &lt;h:form id="search_bar_form"&gt;
          &lt;h:panelGroup id="contacts_tab_search_bar"&gt;
              &lt;h:inputText id="search_bar_text"/&gt;
          &lt;/h:panelGroup&gt;
      &lt;/h:form&gt;
      &lt;c:forEach items="#{currentDevice.contacts}" var="contact"&gt;
          &lt;li&gt;
              &lt;h:panelGroup id="contact_#{contact.phoneNumber}"&gt;
                  &lt;h:outputText value="#{contact.phoneNumber}" /&gt;
              &lt;/h:panelGroup&gt;
          &lt;/li&gt;
      &lt;/c:forEach&gt;
  &lt;/h:panelGroup&gt;
  </code></pre>
  
  <p>I would like it to be fast so I want to implement it with JavaScript/jQuery. 
  I'm new to the JavaScript/jQuery world, so I could use a little help with this.
  How could I do this?</p>