jQuery ajax problems
<p>I am writing some functionality using jQuery that i normally handle with a page refresh/form submission.</p>

<p>Basically I am submitting a form using jQuery's ajax.</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;script type="text/javascript" src="js/jquery-1.3.2.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript"&gt;

$(document).ready(function(){


    $("#show-comment-form").click(function(event){
     var ret =  $.post("post.php", $("#comment-form").serialize(), "", "html");
     $("#theComment").html("&lt;strong&gt;" + ret +"&lt;/strong&gt;");
    });
});


&lt;/script&gt;

&lt;/head&gt;
&lt;body&gt;
Testing Stuff
&lt;br /&gt;&lt;a href="#" id="show-comment-form"&gt;Insert New Message&lt;/a&gt;&lt;br /&gt;

    &lt;div id="comment-form"&gt;
     &lt;form name="form" id="form"&gt;
      &lt;span&gt;Enter Your Question Here&lt;/span&gt;
      &lt;textarea id="comment" name="comment"&gt;&lt;/textarea&gt;
     &lt;/form&gt;

    &lt;/div&gt;

    &lt;p id="theComment"&gt;

     avsailable
    &lt;/p&gt; 


&lt;/body&gt;

&lt;/html&gt;
</code></pre>

<p>The object returned is an XMLHttpRequest.  Do I manipulate this object or is it something that I probably do not need.</p>

<p>My problem is I want to have a user post a response using a form on a webpage but do it without a page reload and prepend html onto the beginning of all the other user responses. The page the form is posted to prints out some HTML but I cannot get that HTML to appear on the page because the response is a XMLHttpRequest object. I'm kind of lost.  Can someone point me in the right direction?</p>
