jQueryのinfinite scroll について質問です。

クリックするとページを読み込む仕様にしたいのですが、うまく動きません、、、
色々試しているのですが、自分で解決できません。

どこが間違っているのか、教えて頂けますと幸いです。。。
宜しくお願い致します。

※コード※

<div id="r_works">
<div class="post">
<span>テキスト</span>
<span>テキスト</span>
<span>テキスト</span>
</div>

<div class="navigation"><a href="page_2.html">next page?</a></div>
</div>

<script type="text/javascript" src="js/jquery-1.8.min.js"></script>
<script type="text/javascript" src="http://www.infinite-scroll.com/wp-content/plugins/infinite-scroll/jquery.infinitescroll.js"></script>
<script type="text/javascript">
$(function(){
$(’#r_works’).infinitescroll({
navSelector : ".navigation",
// ナビゲーション要素を指定。
nextSelector : ".navigation a",
// ナビゲーションの「次へ」の要素を指定。
itemSelector : "#content div.post",
// 表示させる要素を指定。
dataType : "html"
// 読み込むデータの形式を指定。
});
});
</script>

<script type="text/javascript">
$(function ()
{
$(window).unbind(’.infscr’);
$(’.navigation a’).click(function ()
{
$(document).trigger(’retrieve.infscr’);
return false;
});
$(document).ajaxError(function (e, xhr, opt)
{
if (xhr.status == 404) {
$(’.navigation a’).remove();
}
});
});
</script>