javascript - jQuery load メソッドを使用して新しいコンテンツを li 要素にロードする

Question

load メソッドを使用して新しいコンテンツを li 要素にロードするのに苦労しています。これを使用しようとすると、新しいコンテンツが要素の前に追加されます。つまり、現在のコンテンツを置き換えるのではなく、一番上に追加されます。ここに要素のレイアウトがあります

             <!-- List The News Items mainPage.php-->
                        <li id="news_list"> 

                            <?php include 'libs/file.php';?>
                         </li>

           //pagination links
          for($i=1; $i<=$pages; $i++)
            { 
                echo '<li id="'.$i.'"><a href="#" >'.$i.'</a></li>';


                  }             

そしてjs関数

            //js function
            //Pagination Click
     $(".paging li").click(function(event){
     event.preventDefault();
     $("#news_list").val("");
      //Loading Data
      var pageNum = $(this).attr("id");
     $("#news_list").load("file.php?news_page=" + pageNum);
      $(this).children("a").setClass("active");


});

これは、私が構築しているページネーション スクリプトの一部です。また、次の行

              $(this).children("a").setClass("active");

選択した li 内のネストされた 'a' 要素にクラスを適用しません。どんな助けでも大歓迎です。