contacts.html

<!-- Data generated by Faker, see https://github.com/fzaninotto/Faker -->
<ul class="contacts">
  <!-- Add text to the data-index attribute to enable full-text search -->
  <!-- Don't forget to lowercase it to make search case-insensitive -->
  <li class="searchable" data-index="onabednarschamberger.frank@wuckert.com1-265-479-1196x714">
    <dl>
      <dt>First Name</dt><dd>Ona</dd>
      <dt>Last Name</dt><dd>Bednar</dd>
      <dt>Email</dt><dd>schamberger.frank@wuckert.com</dd>
      <dt>Phone</dt><dd>1-265-479-1196x714</dd>
    </dl>
  </li>
  <li class="searchable" data-index="newtoncronintorphy.dorothea@gmail.com(121)644-5577">
    <dl>
      <dt>First Name</dt><dd>Newton</dd>
      <dt>Last Name</dt><dd>Cronin</dd>
      <dt>Email</dt><dd>torphy.dorothea@gmail.com</dd>
      <dt>Phone</dt><dd>(121)644-5577</dd>
    </dl>
  </li>
  <!-- add as much data as you want -->
</ul>

I think a search for "m1" should not let the first contact visible, so you may be better adding a separator in the concatenated index values.