jQuery: width() not working

Question

hi all,

here's my simple code:

var msgbox = $("<div style='width:320px;height:200px;'></div>");
alert(msgbox.width());

the alert gives me zero - what's wrong? why isn't it 320?

thx

Answer 1

Try fetching element by getElementById in var then apply width function.

http://api.jquery.com/width/

Answer 2

You need to first append the element to the DOM before trying to measure its size:

$('body').append(msgbox);
alert(msgbox.width());

Answer 3

You should insert your div in the document first. Or use .css("width") instead.