他ページのコメントを取得して表示させたい

掲示板サイトを作成中です。

https://girlschannel.net/topics/2491632/2/
このサイトのように、前の投稿への返信として「>>(コメント番号)」を書くと、そこにマウスオーバーした際にポップアップでその返信先のコメントが表示される仕組みを導入しようと思っています。

やりたいこと

コメントが複数ページになるとき、前のページのコメントも参照できるようにしたい。

例えば、1ページにつき10コメント表示させるようにしたとき、
15番のコメント(2ページ目)で>>1と書かれていたら、1番のコメント(1ページ目)を取得して表示させる。

上記リンク先501番のコメントのようなものが理想です。

発生している問題

改ページなしの場合はきちんと該当コメントの取得・表示ができたけど、
ページネーションをつけると、同ページ内のもの含め、該当コメントが取得できない

該当のソースコード

html
1<div id="re-1" class="reply re-box">
2  <div class="reply-header">
3    <span class="number">1</span><!-- コメント番号／ -->
4    <span class="author">投稿者名</span>
5    <span class="date">投稿時間</span>
6    <span class="edit"><a href="/edit" class="bbp-reply-edit-link">コメント編集</a></span>
7    <span class="re" title="返信する">返信</span>
8  </div>
9  <div class="reply-body">
10    <p>1番(1ページ目)のコメント</p>
11  </div>
12</div>
13...
14(コメント10個ごとに改ページ)
15...
16<div id="re-15" class="reply re-box">
17  <div class="reply-header">
18    <span class="number">15</span><!-- コメント番号／ -->
19    <span class="author">投稿者名</span>
20    <span class="date">投稿時間</span>
21    <span class="edit"><a href="/edit" class="bbp-reply-edit-link">コメント編集</a></span>
22    <span class="re" title="返信する">返信</span>
23  </div>
24  <div class="reply-body">
25    <p>
26      15番(2ページ目)のコメント<br>
27      <span class="anchor" data-resid="1">>>1</span> ←これにカーソルをあわせると、1番のコメントがポップアップで表示される
28    </p>
29  </div>
30</div>

jQuery
1//コードはhttp://ugokay01.wpblog.jp/blog-comment-res-anchor-popup/を参考にしています。
2
3$('body').append('<div id="popup"></div>'); //ポップアップ表示用のboxを追加
4
5var // 設定
6  selCommentContent = '.reply-body > p',
7  selComment = '.reply',
8  strResAnchor = '&gt;&gt;',
9  reResAnchor = new RegExp('(' + strResAnchor + ')((?:[0-9]+|[０-９]+))', 'g');
10
11// コメント本文のレスアンカーをspan要素に置換(anchorクラスを付加)
12$(selCommentContent).each(function() {
13  $(this).html(
14    $(this).html().replace(reResAnchor, function() {
15      if (/[０-９]+/.test(arguments[2])) {
16        strResAnchorID = arguments[2].replace(/[０-９]/g, function(match){
17          return String.fromCharCode(match.charCodeAt(0)-0xFEE0);
18        })
19      } else {
20        strResAnchorID = arguments[2];
21      }
22      return '<span class="anchor" data-resid="' + strResAnchorID + '">' + arguments[0] + '</span>';
23    })
24  );
25});
26
27// コメレスアンカーのイベントにバインド
28$('.anchor').on({
29  'mousemove': function(eventObject) {
30    $('#popup').css({
31      'top': eventObject.pageY + 10 + 'px',
32      'left': eventObject.pageX + 10 + 'px'
33    });
34  },
35  'mouseenter': function() {
36    jqResTarget = $(selComment).eq($(this).data('resid') - 1); // ここでAjaxを使用？？？
37    if (jqResTarget[0]) {
38      $('#popup').html(jqResTarget.html()).addClass('popup-on');
39    }
40  },
41  'mouseleave': function() {
42    $('#popup').removeClass('popup-on').empty();
43  }
44});