jquery - ajaxの成功時にdivに別のhtmlコンテンツを表示する

Question

gameLike.jsp

<div id="gameLikeStatus">
<a  href="likeit"   id="likeitlink">likeit</a>  
</div>

var dataString = 'elementId='+ '<s:property value="id"/>'+ '&elementType=' + 'games';                          

$(document).ready(function(){                                   
    $('a#likeitlink').bind('click',function(event){
        event.preventDefault();
        $.ajax({   
            type: "POST",   
            url: "likeit", 
            dataType: "text html",
            data: dataString,   
            success: function() {  
                $.post('isLiked',dataString, function(data) {
                    alert(data);//1
                    $('#gameLikeStatus').html(data);
                });

            }   
        }); 
    });

}); 

にsecond.jspリンクが含まれています

<a  href="unlikeit"   id="Unlikeitlink">likeit</a>  

ここで私は要素が好きで、好きなように表示する必要があります

<a  href="unlikeit"   id="Unlikeitlink">likeit</a>  

それ以外の

<a  href="likeit"   id="likeitlink">likeit</a>  

で

<div id="gameLikeStatus"></div>

でgameLike.jsp、alert(data);//1表示されています

<a  href="unlikeit"   id="Unlikeitlink">likeit</a>  

このデータですが

$('#gameLikeStatus').html(data);

何も示していません。

これを解決するには？