json - テーブルにサーブレットと Ajax を設定する方法

Question

個人的には、Json 経由でマップを返すサーブレットがあり、このマップの値 (キーと値) を使用して、Ajax 経由でテーブルにデータを入力したいと考えています。

Ajax での私のコードは次のとおりです。

success:function(responseJson){
$(".results").show();
$(".content").show();

var headTable = $(".tablesorter > thead > tr");
var bodyTable = $(".tablesorter > tbody > tr");

$.each(responseJson, function(key, value){
    $("<th>").html(key).appendTo(headTable);

    for (var i = 0; i < value.length; i++){
        $("<td>").val(key).html(value[i]).appendTo(bodyTable);
    }
});

私のマップのキーは、テーブルのヘッドの値になり、マップの値はテーブルの本体になりたいと思います。

以下に入力したいテーブル：

<table cellspacing="1" class="tablesorter">
<thead>
    <tr>

    </tr>
</thead>
<tbody>
    <tr class="even">

    </tr>
</tbody>

ただし、マップの値を使用して行を作成するのではなく、複数の列を作成するのが私のコードのやり方です。

コードが正しく動作するにはどうすればよいですか?