Building HTML in JS

gistfile1.js

// create the main container for the post
var element = $('<div>',{
	'class':'post encrypted',
	'id':'post-'+postId,
	'data-post-id':postId
});

// avatar
element.append($('<img src="'+post.user.avatar_image.url+'" class="avatar" />'));
// username
element.append($('<div class="username" />').text('@'+post.user.username));
// message text
element.append($('<div class="message" />').text(post.text));
// post time
element.append($('<div class="time" data-created-at="'+post.created_at+'" />').text(post.created_at));
// reply
element.append($('<a href="#" class="btn btn reply" onclick="reply(this); return false;">Reply</a>'));
// reply all
element.append($('<a href="#" class="btn btn replyall" onclick="replyAll(this); return false;">Reply All</a>'));

// add it to the parent container
container.append(element);