php - IE8でphpページを表示するためのAJAXタブの問題

Question

<ul id="nav">
  <li><a href="page_1.html">Page 1</a></li>
  <li><a href="page_2.html">Page 2</a></li>
  <li><a href="page_3.html">Page 3</a></li>
</ul>

<div id="ajax-content">This is default text, which will be replaced</div>
<script>
$(document).ready(function() {
    $("#nav li a").click(function() {

        $("#ajax-content").empty().append("<div id='loading'><img src='images/loading.gif' alt='Loading' /></div>");
        $("#nav li a").removeClass('current');
        $(this).addClass('current');

        $.ajax({ url: this.href, success: function(html) {
            $("#ajax-content").empty().append(html);
            }
    });
    return false;
    });

    $("#ajax-content").empty().append("<div id='loading'><img src='images/loading.gif' alt='Loading' /></div>");
      $('#page_1').addClass('current');
    $.ajax({ url: 'page_1.html', success: function(html) {
            $("#ajax-content").empty().append(html);
    }
    });
});
</script>

上記のコードは、使用すると正常に動作しますpage_2.htmlがpage_2.php、Internet Explorer 8 で使用すると動作しません。これを修正する方法がわかりません。