Javascript 带有cookie.js的模式弹出窗口

因此，我试图在我的主页上实现一个模式弹出窗口，只在访问第一页时显示，并在设定的时间后过期。我目前正在使用cookie.js来实现这一点，我有一个JSFIDLE（这里：）可以完美地工作。然而，当我试图将代码复制到我的主页时，它似乎不起作用。有人能提供帮助吗

以下是我的html标记和脚本：

<div id="init-modal-wrapper">
<div class="opening-modal-title"> A little heads up... </div>
<div class="close_box_6">
<div class="icon-font-25 alignment" data-icon="&#xe0ab"></div>
</div> 

<div id="horizontal_bar" class="alignment"> </div>

<div id="popupfoot" class="alignment"> 
<div id="typeface" class="init-modal-text">STUFF!</div>
</div>

</div>  

<div class="init-modal-overlay"></div>

---

你说“它不起作用”是什么意思？我们这里几乎没有什么要说的。它应该在页面加载4秒后显示一个模式，但它没有。什么也没发生。

$(document).ready(function() {

if ($.cookie('init_modal_1') == null) {
    $.cookie('init_modal_1', 'yes', { expires: 1, path: '/' });
var delay=4000;
setTimeout(function(){
$("#init-modal-wrapper").stop().animate({
        height: "toggle",
        opacity: "toggle"
    }, "slow");
$('.init-modal-overlay').fadeIn("slow",function(){});

}, delay);

};

});