title: List.js : how to add a filter
body: <p>I'm trying to adapt the list.js script (<a href="http://listjs.com/docs/list-api#filter" rel="nofollow">http://listjs.com/docs/list-api#filter</a>), but I can't set up a filter on my list.</p>
  
  <p>I would like to create a filter (via a button) that display only the items for "1986"</p>
  
  <p>Can you help me ?</p>
  
  <pre><code> &lt;div id="users"&gt;
    &lt;input class="search" placeholder="Search" /&gt;
    &lt;button class="sort" data-sort="name"&gt;
      Sort by name
    &lt;/button&gt;
  
    &lt;ul class="list"&gt;
      &lt;li&gt;
        &lt;h3 class="name"&gt;Jonny Stromberg&lt;/h3&gt;
        &lt;p class="born"&gt;1986&lt;/p&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;h3 class="name"&gt;Jonas Arnklint&lt;/h3&gt;
        &lt;p class="born"&gt;1985&lt;/p&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;h3 class="name"&gt;Martina Elm&lt;/h3&gt;
        &lt;p class="born"&gt;1986&lt;/p&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;h3 class="name"&gt;Gustaf Lindqvist&lt;/h3&gt;
        &lt;p class="born"&gt;1983&lt;/p&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
  
  &lt;/div&gt;
  &lt;script src="http://listjs.com/no-cdn/list.js"&gt;&lt;/script&gt;
  &lt;script&gt;
   var options = {
    valueNames: [ 'name', 'born' ]
   };
  
   var userList = new List('users', options)
  &lt;/script&gt;
  </code></pre>