Изменяем ссылку

[dima85]

Мне необходимо переделать все ссылки на сайте из таких:

<a href="/?page=11" class="ajaxify">tetdtt1</a>
<a href="/?page=22" class="ajaxify">tetdtt2</a>
<a href="/?page=33" class="ajaxify">tetdtt3</a>

сделать такими:

<a class="ajaxify" href="#" attr-href="/?page=11">tetdtt1</a>
<a class="ajaxify" href="#" attr-href="/?page=22">tetdtt2</a>
<a class="ajaxify" href="#" attr-href="/?page=33">tetdtt3</a>

Что бы при нажатие шел ajax запрос.
Я это делаю вот так: Этот пример работает, но он изменяет только первую ссылку, всем остальным присваивает href первой ссылки. Подскажите как это исправить.

var a = $("a");
  a.attr("attr-href", a.attr("href"))
    .attr("href", "#")
    .on("click.ajax", function (event) {
      var link = a.attr("attr-href");
      //$.ajax(link, ....);
      alert("sdf "+link);
      return false;
    });

[Endy]

var a = $("a");
a.each(function(i,e){
  e = $(e);
  e.attr("attr-href", e.attr("href"))
    .attr("href", "#")
    .on("click.ajax", function (event) {
      var link = e.attr("attr-href");
      //$.ajax(link, ....);
      alert("sdf "+link);
      return false;
    });
})

[dima85]

Отлично, спасибо. Еще вопрос. Мы подгрузили таким образом страницу через $.get. И на той подгруженной странице тоже есть ссылки которые хотелось бы так же изменить. Первое что приходит в голову разместить такой же код на той странице. Второй вариант разместить такой же код на первой странице в $.get. Может есть другие какие-то более правильные решения?