Фильтрация строк таблицы
 

Здравствуйте. Встала следующая задача:
есть таблица из двух колонок: имена и возраст.

<table class="table table-hover" id="sf" >
        <thead>
        <tr>
            <th>Имя</th>
            <th>Возраст</th>
        </tr>
        </thead>
        <tbody>
   <tr>
            <td>Александр</td>
            <td>20</td>
        </tr>
   <tr>
            <td>Сергей</td>
            <td>35</td>
        </tr>
   <tr>
            <td>Михаил</td>
            <td>25</td>
        </tr>
        </tbody>
    </table>

И есть выпадающий селект. Собственно там 3 значения сортировки: стандартная, по имени, по возрасту. При изменении строки сортируются выбранным образом.
Подскажите, как это сделать без применения jquery? Всю голову уже сломал с этой задачей.
Заранее спасибо!