为什么使用AJAX时浏览器的地址栏是不变的?

当我使用 http://practice.dev/ 索引.phtml 文件已加载。

<a href='http://practice.dev/index/one' class='ajax'>One</a>
<a href='http://practice.dev/index/two' class='ajax'>Two</a>

<div id="content">content comes here</div>

一个.phtml :

$jsonArray = array( 'content' => 'One' );
echo Zend_Json::encode( $jsonArray );

两个.phtml

$jsonArray = array( 'content' => 'Two' );
echo Zend_Json::encode( $jsonArray );

JS代码

jQuery(document).ready(function(){
    jQuery('.ajax').click(function(event) {
        event.preventDefault();
        jQuery.getJSON(this.href, function(snippets) {
            for(var id in snippets) {
                jQuery('#' + id).html(snippets[id]);
            }
        });
    });
});

当我单击linkone时,字符串“one”被加载到contentdiv中,但地址栏仍然是 http://practice.dev/index/one

当我单击link two时,字符串'two'被加载到contentdiv中,但地址栏仍然是 http://practice.dev/index/two

怎么可能?

谢谢