Question

I am working on a comments system, using PHP + jQuery. I need to add the last comment to the top, before all the div elements. E.G.

<div id="comment">
<div class="comment-3"></div>
<div class="comment-2"></div>
<div class="comment-1"></div>
</div>

So now I want to add the new <div class="comment-4"></div> with jQuery to look like that:

<div id="comment">
<div class="comment-4"></div>
<div class="comment-3"></div>
<div class="comment-2"></div>
<div class="comment-1"></div>
</div>

Edit:
NOTE: I am using:

    $.ajax({
    type: "POST", url: "ajax.php", cache : false, data: goData, dateType: "text",
    success: function(data){
        $("#comment").append(data);
        $("#submit").attr({ disabled:false, value:"Shout it!" });
    }
    });

Answer 1

$("div#comment").prepend('<div class="comment-4"></div>');

Or more realistic

//something which generates a HTML DOM element
var newComment = ....;
$("div#comment").prepend(newComment);

Of course you can use the prependTo syntax to if that is more natural for you

//something which generates a HTML DOM element
var newComment = ....;
$(newComment).prependTo("div#comment");

For more such tricks check the jQuery documentation

jQuery 1.3 Manipulation API