javascript - 画像オブジェクトを他の HTML 要素と一緒に配置することはできません

Question

画像オブジェクトを他の HTML 要素とともに DOM に配置できません。例えば：

$('#preview> tbody:last')[0].appendChild('<tr><td>' + image + '</td></tr>');

これは機能しません。何も表示されません。ただし、画像のみを使用すると、画面に表示されます。

$('#preview> tbody:last')[0].appendChild(image);

なぜこれがうまくいかないのですか？どちらの方法でも機能するように思えます。私はただ使ってみましappendたが、何もうまくいきませんでした - 画像自体または他の要素と一緒に。

フルコードビット

var reader = new FileReader();
    reader.onload = function (event) {
        var image = new Image();
        image.src = event.target.result;
        image.width = 50;
        $('#preview> tbody:last')[0].appendChild(image);
    };