divを使用せずにjavascriptを使用してhtmlテーブルを作成するには？

Question

私はjavascriptを使用してjsonからのデータでhtmlテーブル（私のテーブルは3列あります）を埋めようとしていますが、divメソッドを使用してデータが一杯になることはありません！ divを使わずにテーブル行の内容を書き込む方法を教えてください。

for(i in json) 
    { 


    var div = "<tr id=\""+i+"\">\n" + 
    "<td>"+i+"</td>\n" + 
    "<td><img src=\""+ json[i].thumb +"\" height=\"42\" width=\"42\"></td>\n" + 
    "<td>\n" + 
    "<a href=\"javascript:callfunction('Name=" + json[i].title + "','" + json[i].sources + "','"+ json[i].thumb +"')\" onclick=\"selectLink(this);\">" + json[i].title + "</a><br> \n" + 
    "<br></td></tr>\n\n"; 

    $("#myDiv").append(div); 

     } 

表充填する：

<table id="list" cellspacing="0" border="1"> 

    <tr> 
    <th>Item#</th> 
    <th>Logo</th> 
    <th>Description</th> 

    </tr> 


    <div id='myDiv'></div> 


    </table> 

Answer 1

この新しいテーブル：

<table id="list" cellspacing="0" border="1"> 
    <thead> 
    <tr> 
     <th>Item#</th> 
     <th>Logo</th> 
     <th>Description</th> 
    </tr> 
    </thead> 
    <tbody> 

    </tbody> 
</table> 

とコード：コードの

var html = ''; 

for(var i in json) 
{ 
    html += '<tr id="'+i+'">'; 
    html += '<td>'+i+'</td>'; 
    html += '<td><img src="'+json[i].thumb+'" height="42" width="42"></td>'; 
    html += "<td>"; 
    html += "<a href=\"javascript:callfunction('Name=" + json[i].title + "','" + json[i].sources + "','"+ json[i].thumb +"')\" onclick=\"selectLink(this);\">" + json[i].title + "</a><br/><br/>"; 
    html += '</td>'; 
    html += '</tr>'; 
} 

$('#list > tbody').html(html);