I have index.php like this:

<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="ajax.js"></script>

<a href='one.php' class='ajax'>One</a>

<div id="workspace">workspace</div>

one.php

<?php
$arr = array ( "workspace" => "<a href='two.php' class='ajax'>two</a>" );
echo json_encode($arr);
?>

two.php

<?php 
$arr = array( 'workspace' => "Hello World" );
echo json_encode($arr);
?>

ajax.js

jQuery(document).ready(function(){
    jQuery('.ajax').click(function(event) {
        event.preventDefault();
        // load the href attribute of the link that was clicked
        jQuery.getJSON(this.href, function(snippets) {
            for(var id in snippets) {
                // updated to deal with any type of HTML
                jQuery('#' + id).html(snippets[id]);
            }
        });
    });
});

Index.php yüklendiğinde, bir bağlantı (Bir) ve bir DIV (çalışma alanı) vardır. Ben 'One' bağlantısını tıkladığınızda ardından one.php içeriği denir ve bağlantı 'İki' başarıyla div 'çalışma alanı' ortaya çıktı.

Ama sonra bağlantı 'İki' tıkladığınızda artık 'Merhaba Dünya' çalışma alanı 'DIV görünmez ve AJAX çağrısı olmadan ayrı ayrı açıldı.

How to force this code to replace content of workspace DIV with 'Hello World' using link 'TWO' with above flow?

Teşekkürler