In my django app I display a list of elements (friends name) thanks to a loop:

<div>
{% for friend in group %}
    <p>{{ friend.name }} <p>
{% endfor %}
</div>

I would like to create a search box on the top of my list in order to be able to find only the friends the user wants. I would like the search bar does not need to click to send the request (an example is the Airtime searchbox on top of the facebook friends list).

I have absolutely no idea on how to do that, and I'm looking for hints or tips to start.

Thank you very much for your help.