Filterable list app - <ul> part of index.html

index.html

    <ul id="names" class="collection with-header">
      <li class="collection-header">
        <h5>A</h5>
        <li class="collection-item">
          <a href="#">Abe</a>
        </li>
        <li class="collection-item">
          <a href="#">Atom</a>
        </li>
        <li class="collection-item">
          <a href="#">Anna</a>
        </li>
        <li class="collection-item">
          <a href="#">Apple</a>
        </li>
        <li class="collection-item">
          <a href="#">Aborigin</a>
        </li>
        <li class="collection-item">
          <a href="#">Absolute</a>
        </li>
      </li>

      <li class="collection-header">
        <h5>B</h5>
        <li class="collection-item">
          <a href="#">Bob</a>
        </li>
        <li class="collection-item">
          <a href="#">Bratt</a>
        </li>
        <li class="collection-item">
          <a href="#">Bernnie</a>
        </li>
        <li class="collection-item">
          <a href="#">Bella</a>
        </li>
        <li class="collection-item">
          <a href="#">Barbie</a>
        </li>
        <li class="collection-item">
          <a href="#">Boob</a>
        </li>
      </li>

      <li class="collection-header">
        <h5>C</h5>
        <li class="collection-item">
          <a href="#">Carrie</a>
        </li>
        <li class="collection-item">
          <a href="#">Cathy</a>
        </li>
        <li class="collection-item">
          <a href="#">Cane</a>
        </li>
        <li class="collection-item">
          <a href="#">Courtney</a>
        </li>
        <li class="collection-item">
          <a href="#">Creed</a>
        </li>
        <li class="collection-item">
          <a href="#">Caren</a>
        </li>
      </li>
    </ul>