divs上的jQuery调整插件大小

我一直在研究这个插件，它可以很好地与显示窗口尺寸的示例配合使用

我想显示特定div的尺寸，当我尝试这样做时，尺寸会在页面加载时显示，但不会随着通过更改浏览器窗口调整div的大小而改变

我正在使用以下代码：

// Bind the resize event. When the window size changes, update its corresponding
// info div.
$('.main').resize(function(){
    var elem = $(this);

    // Update the info div width and height 
    $('#main-dim').text( 'Main, width: ' + elem.width() + ', height: ' + elem.height() );
});

// Updates the info div immediately.
$('.main').resize();

});

.main

是我想要获取尺寸的div，

#main dim

是显示尺寸的div

有人能告诉我我做错了什么吗

---

谢谢

将代码环绕在文档就绪块之间：

<script>
  $(document).ready(function(){
     // add code here
  });
</script>

$（文档）.ready（函数（）{
//在这里添加代码
});