I am trying to set up a search that is giving me multiple results from a search within a single html file. Let's assume the html contains the following extract:

```
<input id="search" type="text">
<div class="chapter" id="chap1">
    <h1>Chapter 1 - Introduction</h1>
    <p>Lorem Ipsum. Lorem Lorem Ipsum</p>
</div>
<div class="chapter" id="chap2">
    <h1>Chapter 2 - Say hello</h1>
    <p>Lorem Ipsum. Ipsum Lorem Ipsum</p>
</div>
<div class="chapter" id="chap3">
    <h1>Chapter 3 - Say bye</h1>
    <p>Ipsum Ipsum. Ipsum Ipsum Ipsum</p>
</div>

```

If I would now search for "Lorem", I want to get a result for every div of the class "chapter" that contains "Lorem" (= the first and the second div = 2 search results). Every search result should be only a link that has the content of h1 and goes to the respective div, when it is clicked.

Example:

```
<p>Your search has returned 2 results.</p>

<a>Chapter 1 - Introduction</a>

<a>Chapter 2 - Say hello</a>

```

Ideally, the original content then should not be displayed until I remove the search text or click on one of the results.

Thank you very much! Your help is very much appreciated!