背景图像的高度仅在刷新时调整大小

Question

我有一个id为#hero的div，我已经设置了#hero的高度，用这个jquery更改为窗口高度：

$(document).ready(function(){
 $("#hero").height($(window).height());
    $(window).resize(function(){
      $("#hero").height($(window).height());
})
});

首次加载页面，刷新页面或调整页面大小时，此方法正常。但是当我从另一个页面导航到主页时，＃machine不会调整大小。

知道可能导致此问题的原因是什么？

值得一提的是我正在使用Rails 3.0，但我不知道它与它有什么关系。

提前致谢！