javascript - ColorBox 使用時の JavaScript エラー

Question

これは私が受け取ったエラーのスクリーンショットです: http://imgur.com/a/lU5UI#0

エラーの読み取り:「Uncaught TypeError: Object function (a,b){return new p.fn.init(a,b,c)} has no method 'colorbox'」

「キャッチされていない TypeError; オブジェクトは関数ではありません」

    <script>

    $("document").ready(function (){ 

           // load the overlay

            if (document.cookie.indexOf('visited=true') == -1) {
                var fifteenDays = 1000*60*60*24*15;
                var expires = new Date((new Date()).valueOf() + fifteenDays);
                document.cookie = "visited=true;expires=" + expires.toUTCString();
                $.colorbox({width:"580px", inline:true, href:"#subscribe_popup"});
            }

            $(".open_popup").colorbox({width:"580px", inline:true, href:"#subscribe_popup"});

     });


    </script>

Colorbox v.1.3.16 と jQuery v.1.8.2 を使用しています