ajax中hide不能隐藏,ajax的hide隐藏问题解决方法

我的页面上有两个table，调用ajax之后隐藏掉一个,然后用html拼出另一个table,结果新的table最上面有个undefined，这个是怎么引起的，要怎么解决下呢？详细代码如下：

$(function(){

if($.browser.msie)

{

$("#country").get(0).attachEvent("onpropertychange",function (o){

var countr = o.srcElement.value;

$("#tabb1").hide();

$.ajax({

type: "post",

url: "/yoblhtjfx/queryCountryAjax.action",

data: "country="+countr+"&jsoncallback=?",

dataType: "json",

success: function(json)

{

var tableHTML;

tableHTML+="

tableHTML+="

";

tableHTML+="

选择";

tableHTML+="

区域码";

tableHTML+="

国别名称";

tableHTML+="

";

var list = json.list;

for(var i=0;i

{

tableHTML+="

";

tableHTML+="

";

tableHTML+="

"+list[i][0]+"";

tableHTML+="

"+list[i][1]+"";

tableHTML+="

";

}

tableHTML+="

";

$("#querycountrydiv").html(tableHTML);

}

});

});

}

});

function returnVal()

{

var valu;

for(var i = 0;i < document.getElementsByName("radioo").length;i++)

{

if(document.getElementsByName("radioo")[i].checked == true)

{

valu = document.getElementsByName("radioo")[i].value;

}

}

window.opener.document.getElementById("foreignUnitCountry").value = valu;

window.close();

}

输入名称搜索：

---

选择	区域码	国别名称
	${list[0] }	${list[1] }

---