Динамическое измеенние полей с таблице
 

Добрый день помогите решить задачку.
У меня есть таблица которая генерируется при загрузке страницы (для разбиения на страницы используется плагин (www.datatables.net)

таблица имеет следующий вид

<table class="table table-striped table-bordered dataTable no-footer">
    <tr>
        <th>Действие 1</th>      
        <th>Действие 2</th>
    </tr>
    <tr>
        <td><a onclick="return confirm(\'Вы уверены?\')" href="index.php?act=sent&id=1&act=1">act 1</a></td>
        <td>Х</td>
    </tr>
    <tr>
        <td><a onclick="return confirm(\'Вы уверены?\')" href="index.php?act=sent&id=40&act=1">act 1</a></td>
        <td>Х</td>
    </tr>
    <tr class="success">
        <td>Х</td>
        <td><a onclick="return confirm(\'Вы уверены?\')" href="index.php?act=sent&id=42&act=2">act 2</a></td>
    </tr>
        <tr class="danger" >
        <td>Х</td>
        <td>Х</td>
    </tr>
</table>

http://jsfiddle.net/morrozilla/ojgtg1jk/2/

Т.е. сейчас при нажатии на ссылку страница перезагружается выполняется действие согласно нажатой ссылке и таблица рисуется заново, минусы этого варианта видны сразу:
1. скорость работы
2. при перезагрузке страницы выкидывает опять на первую страницу таблицы что очень неудобно, хотелось бы оставаться на том же месте где была нажата кнопка.

При нажатии на act 1 должны выполняться следующие действия:
1. при нажатии на "act 1" данной строке строке должен присвоиться класс <tr class="success"> что бы закрасить строку в зеленый цвет
2. заблокироваться кнопка act 1 (заменить допустим на Х и убрать ссылку <a></a>)
3. активировать ссылка act 1

При нажатии на act 2 должны выполняться следующие действия:
1. при нажатии на "act 2" данной строке строке должен присвоиться класс <tr class="dunger"> что бы закрасить строку в розовый цвет
2. заблокироваться кнопка act 2 (заменить допустим на Х и убрать ссылку <a></a>)

Буду благодарен за любую помощь.