[essere]

Всем добра!
Сделал сортировку на JS к таблице, а вот как икноку к ней менять не могу сообразить.
Т.е. сортировка "Возрастание/убывание"
Заголовок таблицы выглядит так:

<table id="tickettable" class="table table-condensed">
      <thead>
      <tr>
        <th id="ticketidt"">№ <i class="icon-arrow-up pull-right"></i></th>
      </tr>
      </thead>
      <tbody>
...

Сама стрелка, это

<i class="icon-arrow-up pull-right"></i>

и

<i class="icon-arrow-down pull-right"></i>

Задача, просто при событии "клик" на заголовке таблицы, постоянно менять вверх/вниз.
Пробовал так:

$('#ticketidt').click(function(){
      $('#ticketidt i.icon-arrow-down').removeClass('icon-arrow-down').addClass('icon-arrow-up');
    });

На первый клик работает, на второй соответственно нет.
И так пробовал:

if($('#ticketidt i.icon-arrow-down')){
        $('#ticketidt i.icon-arrow-down').removeClass('icon-arrow-down').addClass('icon-arrow-up');
      }

      if($('#ticketidt i.icon-arrow-up')){
        $('#ticketidt i.icon-arrow-up').removeClass('icon-arrow-down').addClass('icon-arrow-down');
      }

Честно перепробовал все, что можно ;( Помогите кто подобным занимался