Cant display image in div element

[capypara]

I am trying to show the user's picture when they press a submit button, but the picture does not show up. Is it even possible for images to be displayed in a div?

Javascript
    function show_message()
    {
        $.post(site_url},
        		function(data)
        		{
        	        $('<img>', {src: source of pic}).appendTo($('#chatContents'));
        	    }, "json");
    }

HTML
    <div id="chat-wrap">
        <div id="chatContents"></div>
    </div>

[Finch]

While I personally don't have the answer for you, as I am still developing my JavaScript skills, you can check out this link (if you haven't already) where another user was trying to do something very similar:
http://www.designerstalk.com/forums/...avascript.html

[capypara]

Sure I will take a look. Thanks for the link.

[VIPStephan]

Uhm, it looks like you have a syntax error:

$.post(site_url},

Also, if checking JS functionality, learn to make use of a debugging tool/error console. This would probably have notified you of the error. Firefox has a built-in error console under “Extras > Web developer” or something like that (keyboard shortcut Cmd/Ctrl+Shift+K). But there’s also the web developer toolbar and Firebug, the most popular add-on. Other browsers like Safari/Chrome or Opera have similar tools built in already.

[capypara]

Oops lol. Thanks for pointing that out.

I fixed that, and i was using Firebug right from the start. I get no errors even though no images are showing up.

[capypara]

Ok i solved it, stupid mistake on my part. I forgot to json encode my data in my php, which caused JS to skip the whole function together.