$.ajax 点击左首超链显示在右边

$.ajax 点击左边超链显示在右边
    
      <div class="contactLeft">
    <div class="contactLeftCon">
<div style="width:248px;height:35px;clear:both;margin:1px 0px;">
    <asp:HiddenField ID="HiddenField1" runat="server" />
    <img src="images/computerTi.jpg" /> </div>
<div style="margin:0px;padding:0px;">
<ul id="sidebar_left">
    <li><a href="TestAjax.aspx?aid=1" class="" >第1右</a></li>
    <li><a href="TestAjax.aspx?aid=2" class=""  >第2右</a></li>
    <li><a href="TestAjax.aspx?aid=3" class="tg">第3右</a></li>
    <li><a href="TestAjax.aspx?aid=4" class="">第4右</a></li>
    

</ul>
</div>
</div>    
</div>

<div class="contactRight"> 
<h1 style="color:#500595">Hello</h1>
 <hr noshade="noshade" class="shr"/>

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

</div>我的意思，现在我想点第二个即第2右，时，依据ID=2它从数据库
取相应的内容，假如是一个字段的内容，显示在右边show here 
那个位置
点击第3个时，它取相应的数据显示在show here 
那里，即都是当前页
$(document).ready(function()
{
$(".tg").click(function()
{
var ajaxUrl = $(this).attr("href");
$.ajax({
type : "post",
url  :  ajaxUrl,
success:function(result)
{
$("#content").html(result);
}
});
});
}



怎么把取到的值，重新返回到对应的右边？
protected void Page_Load(object sender, EventArgs e)
    {

        //依据得到的参数，从数据库中读取数据，并返回到右边显示
        if (Request.QueryString["aid"] != null && Request.QueryString["aid"].ToString() != "")
        {

            // HiddenField1.Value = "test and test";
 //这里取到相对应的值要返到前台去,如何构建？
        }



    }

[解决办法]
Response.Write("构造的Html")
[解决办法]
你绑定Click事件时，要return false，不然，一点击，页面可能就跳走了。
$(document).ready(function() {
$(".tg").click(function() {
var ajaxUrl = $(this).attr("href");
$.ajax({
type: "post",
url: ajaxUrl,
success: function(result) {
$("#content").html(result);
}
});

return false;
});
});