Good DOM Creation practices

var element = $("<div>");
element.attr('id', 'woohoo')
    .text('hello, world')
    .css('color','red')
    .on('click', someFunction );
$("body").append( element );

var divOptions = {
    'text': 'hello, world',
    'id': 'woohoo',
    'css': {
        'color': 'red'
    },
    'on': {
        'click': someFunction
    }
}
var element = $("<div>", divOptions );
$("body").append( element );

/*
    <ul>
        <li class="hello">
            <p class="pink">
                <div>
                    hey there,
                    <em>hi there,</em>
                    <strong>ho there</strong>
                </div>
            </p>
        </li>

    </ul>
*/
var ul = $("<ul>");
var li = $("<li>").addClass('hello');
var p = $("<p>").addClass('pink');
var div = $("<div>");
var em = $("<em>").text('hi there,');
var strong = $("<strong>").text('ho there');
div.append( 'hey there,', em, strong );
p.append(div);
li.append(p);
ul.append(li);