单击时将动态创建的表格单元格转换为文本框

Question

我使用jquery动态生成表。我希望在单击时将表格的单元格转换为文本框。

$.each(proc_msg, function (i, item) {
  trHTML += "<tr><td>" + item.hq_code + "</td><td id='hq_" + item.hq_name + "'>" + item.hq_name + "</td>";
  trHTML += "<td><a href='#' id='hq_ed_" + item.hq_name+_"' onClick='dataAction(this.id);'>Edit</span></a></td>";
});
$('#tbl_hqlist').append(trHTML);

function dataAction(dataValue){
    var sectionName=dataValue.substr(0,2);
    var hq_zone=dataValue.substr(5);
    var zone_id ="";
    zone_id= zone_id.concat("'#",sectionName, hq_zone,"'");
    var tempHTML ="<input type='text' id='" + zone_id + "' value='" + hq_zone + "' />";
    $(zone_id).html(tempHTML);

}

此代码抛出了错误，其中＆＃34; zone_id＆＃34;没有定义。