django ajax 部分刷新问题

1.要局部刷新用户评论的div，我是用了一个模板，模板里是显示评论内容div和评论页导航ul
点击ul中的一个li元素时，触发click，后端处理后根据模板生成html代码传回来，然后替换

问题是，载入页面第一次进行翻页时，操作正常，评论内容和下面导航也都刷新了
但是继续在点翻页时，被替换过内容的ul导航栏就没有点击效果了，不在触发click事件

        <div id="comments">
        {% for comment in comments %}
            <div class="row margin0">
            <div class="col-xs-2">
                <a href="personal.html?id={{ comment.commenter_id }}" class="per_name">{{ comment.nickname }}</a>
                <a href="personal.html?id={{ comment.commenter_id }}"  class="per_tx">
                    <img src="{{ static_url }}images/tx/b_mt_03.jpg" alt="..." class="img-thumbnail" width="80">
                </a>
            </div>
            <div class="col-xs-10">
                <div class="border1 bg-ff cash_text">
                    <div class="tooltip-arrow"></div>
                    <p class="gold_text">{{ comment.content }}</p>
                    <p class="gold_text text-right fontcc fize13 margr10">发表时间：{{ comment.create_time|date:"m-d H:i" }}</p>
                </div>
            </div>
        </div>
        <!--row  end-->
        {% endfor %}
        </div>
        
        <ul class="pagination" id="comments_ul">
                    <li><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li>
                    {% for i in comments_range %}
                        <li {% if i == comments.number %}class="active"{% endif %}><a href="#"><span>{{ i }}</span></a>
                        </li>
                    {% endfor %}
                    <li><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li>
       </ul>

---

// 绑到document上
$(document).on('click', '.pagination>li', function(e) {
});

---

你应该看看jQuery的on()方法