div不会在滚动上消失

Question

我有这个fiddle它似乎工作正常，但是当我将它实现到一个新的空白项目中时，隐藏的div不再淡入。是否有一些我缺少的东西加入？

---

HTML

<div id="container">
  <div>Hello</div>
  <div>Hello</div>
  <div class="hideme">Fade In</div>
  <div class="hideme">Fade In</div>
</div>

---

的jQuery

$(document).ready(function() {
$(window).scroll( function(){

    $('.hideme').each( function(i){
        var bottom_of_object = $(this).position().top + $(this).outerHeight();
        var bottom_of_window = $(window).scrollTop() + $(window).height(); 

        if( bottom_of_window > bottom_of_object ){
            $(this).animate({'opacity':'1'},500);     
        }  
    }); 
});  
});