Need help with creating DOM elements on the fly with jQuery: jQuery(html, props) function

Question

I'm trying to construct the following div element using jQuery:

<div>
    <p>Hello</p>
    <p>Stack Overflow</p>
</div>

I added the first paragraph like this:

$('<div/>', {html: $('<p/>', {text: "Hello"})})

but I don't know how could I add the second paragraph.

Please help.

Answer 1

What's wrong with doing it in several steps?

var div = $('<div />');

var p1 = $('<p />');
p1.text('hello');
p1.appendTo(div);

var p2 = $('<p />');
p2.text('stack overflow');
p2.appendTo(div);

Answer 2

Try the following

var d = $('<div/>')
var all = ["hello", "stackoverflow"];
for (var i in all ) {
    var p = $('<p/>');
    p.text(all[i]);
    p.appendTo(d);
}