Get jquery's .append() to return the wrapped set containing the appended object not the container

Question

I want to append an html element to a div and have jquery return me the wrapped set that contains the element I just appended and not the wrapped set containing the div

So my html:-

...

<div id="somediv">Some other elements...</div>

...

javascript:-

var jqueryObj = $('#somediv').append('<p>Hello, World!</p>');

alert(jqueryObj.html());

I'd like this to alert me with 'Hello, world' not 'Some other elements...<p>Hello, World!</p>'

Answer 1

Use .appendTo() instead of .append().

var jqueryObj = $('<p>Hello, World!</p>').appendTo('#somediv');
alert(jqueryObj.html()); // '<p>Hello, World!</p>'

Answer 2

Switch them around, and use the .appendTo() function. Like so:

var jqueryObj = $('<p>Hello, World!</p>').appendTo('#somediv');

Working DEMO