带有cookie.js的模态弹出窗口

Question

所以我试图在我的主页上实现一个模式弹出窗口，该弹出窗口仅在第一页访问时显示，并在一段时间后过期。我目前正在使用cookie.js这样做，我有一个JSfiddle（这里：https://jsfiddle.net/yaLsdahk/68/），它完美无缺。但是，当我尝试将代码复制到我的主页时，它似乎无法正常工作。有人可以提供协助吗？

这是我的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>

$(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);

};

});