title: Filtering list items by the first letter
body: <p>I have a ul with list items. I am trying to filter out the items displayed by their first letter.</p>
  
  <p>Filter the list:</p>
  
  <pre><code>&lt;ul class="myFilters"&gt;
  &lt;li data-type="A"&gt;A&lt;/li&gt;
  &lt;li data-type="B"&gt;B&lt;/li&gt;
  &lt;li&gt;etc...&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>The list</p>
  
  <pre><code>&lt;ul class="myFilterItems"&gt;
  &lt;li&gt;Apple&lt;/li&gt;
  &lt;li&gt;Banana&lt;/li&gt;
  &lt;li&gt;etc...&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Ideally clicking on a <code>li</code> in <code>.myFilters</code> would show only the items in <code>.myFilterItems</code> that start with that letter.</p>