Insert preloaded image into table cell
How to insert a preloaded image into a table cell?
This works fine to display a preloaded image:
var image1 = $('<img />').attr('src', 'imageURL.jpg');
$('.somediv').append(image1);
And this works fine to append a row to a table:
$('.sometable tbody').append("<tr><td>col1stuff</td><td>col2stuff</td></tr>");
But this doesn't work to insert a preloaded image in an inserted table row:
var image1 = $('<img />').attr('src', 'imageURL.jpg');
$('.sometable tbody').append("<tr><td>col1stuff</td><td>" + image1 + "</td></tr>");
I think I'm chaining badly, can't find any reference to describe the correct approach.
Suggestions heartily welcomed.
Aleksander