Goal:
When you write any letter or number in the id="searches" you should display new data in the table without refreshing the website. The effect of using the "refresh" or similiar effect is to use F5 function. You update and not refreshing the table.

When you empthy the input text box (id="searches" ), the default data should display.

Default data is:

<table border="1"> <tr> <th>a</th> <th>b</th> <th>c</th> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td>3</td> <td>4</td> <td>5</td> </tr> </table>

Problem:
I do not now how to do it in order to update new data in the table?

Info:
*I'm using asp.nget mvc
*I have used jSon before but I do not know if it relevant to use it in this context. Maybe using angular or similiar?
*The definition of update is to retrieve new information from the database and filtrating the current data in the table.

Thank you!

https://jsfiddle.net/1qdkL6fr/

<input type="text" name="search" id="searches"><br> <table border="1"> <tr> <th>a</th> <th>b</th> <th>c</th> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td>3</td> <td>4</td> <td>5</td> </tr> </table>