[Designer]

Всем привет!
В общем есть такой HTML код который нужно получить частично через jQuery:

<div class="pagination">
  <a class="prev-button" href="#"><i class="icon-angle-left"></i></a>
  <a href="#">1</a>
  <a href="#">2</a>
  <a class="current" href="#">3</a>
  <a href="#">4</a>
  <a href="#">5</a>
  <a>...</a>
  <a href="#">11</a>
  <a href="#">12</a>
  <a href="#">13</a>
  <a class="next-button" href="#"><i class="icon-angle-right"></i></a>
</div>

Проблема в том что в CMS DataLife Engine в файле шаблона navigation.tpl вместо тега "a" выводится тег "span" , а если быть точнее там такая конструкция:

[prev-link]Назад[/prev-link]
{pages}
[next-link]Вперед[/next-link]

Которая будет выводить такой HTML код:

<div class="pagination">
  <a href="/">Назад</a>
  <a href="/">1</a>
  <span>2</span>
  <a href="/page/3/">3</a>
  <a href="/page/3/">Вперёд</a>
</div>

Где

<span>2</span>

это активный пункт навигации, который выводится кодом движка.
Я хочу получить конструкцию которую указал в самом начале через jQuery, не меняя исходные PHP коды движка.
Ещё один нюанс: вместо "Назад" и "Вперёд" будут выводится иконки со стрелочками влево и вправо соответственно.
Я попробовал сам решить проблему, но так как я слаб в jQuery не получается допилить, а именно: не получается заменить тег "span" тегом "a" которому ещё нужно присвоить класс ".current" когда пункт активен и удалить этот класс когда пункт не активен.
Вот что у меня получилось:

jQuery(document).ready(function($) {
  $('.pagination').each(function() {
    $('.icon-angle-left').parent().addClass('prev-button');
	$('.icon-angle-right').parent().addClass('next-button');
	/*
	 * И вот тут косяк...
	 * Вместо тега span нужен тег a и проверить, правильно ли я написал функцию.
	 */
	if ($('.pagination span').last()) {
	  $('.pagination span').first().addClass('current');
	}
  });
});

Прошу помочь реализовать указанную в начале HTML конструкцию с помощью jQuery, не меняя исходный PHP код движка.
Спасибо!