jQuery - Appending a div to body, the body is the object?

Question

When I'm adding a div to body, it's returning the body as the object and then whenever I use that - it's obviously using body. Bad.

Code:-

var holdyDiv = $('body').append('div'); $(holdyDiv).attr('id', 'holdy'); 

The 'id' of holdy is now being added to body... eh? What am I doing wrong.

Answer 1

jQuery methods returns the set they were applied on.

Use .appendTo:

var $div = $('<div />').appendTo('body'); $div.attr('id', 'holdy');