jQuery：在文档准备好并呈现后获取div-width

我正在尝试获取div容器的宽度,将另一个div中的另一个css属性设置为第一个的宽度,我知道在页面完全加载和渲染之后.

我有这个代码：

$().ready(function() {
    doLayout();
}
function doLayout() {
    var $width = $("#sidebar").attr("width");
    $("#content").css("left",width);
}

问题是,在呈现页面之前调用ready,因此未设置width属性(或“undefined”).如何确定当前宽度？

编辑：
建议更改后我有这个fiddle,但代码有效,但在我的实际应用程序中它不是.所以问题出在其他地方,我想:(

解决方法

使用 load等待加载所有图像/外部内容,因为这些可能会改变元素尺寸：

$(window).load(function () {
    doLayout();
});

然后要获得计算的宽度,请使用width：

$("#content").width(); // width in px