AJAX无刷新更新页面内容?

html

<ul>
                <!-- php:$list = phpok('certificate') -->
                <!-- loop from=$list.rslist key=$key value=$value -->
                    <li><a href="javascript:void();" id="{$value.id}" class="article">{$value.title}</a></li>
                <!--/loop-->    
 </ul>

<div class="content"></div>

js

<script type="text/javascript">
        $(function () {
        $(".content").load("http://test1.mmj123.com/index.php?id=1636");
        $('.article').click(function () {
        var artid = $(this).attr('id');
        var arthttp = 'http://test1.mmj123.com/index.php?id='+artid;
        $(".content").load(arthttp);
            })
        })
</script>