Jquery display image problem

Question

Hello,

I have PHP page where users can upload photos (using Ajax & PHP script). Those uploaded photos (thumbs) are shown after upload in DIV below upload field.

Then, after hitting send button I want to clone that DIV at that same page at message board, bellow other messages with or without uploaded photos.

When I try to do that with:

var pht = $("#photos").clone().addClass('p_pht');

and try to display sent photos bellow sent message like this:

$("div#wall").append('<div class=msg>'+ message +'</div><div class=n_pht>'+ pht +'</div>');

I get Jquery error message "[object Object]" in place where the photos should be displaying.

What am I doing wrong?

Answer 1

Try

pht.html() instead of pht.

$("div#wall").append('<div class=msg>'+ message +'</div><div class=n_pht>'+ pht.html() +'</div>');

If message is also a jQuery object then give message.html().