HTML CSS Javascriptを使った線引きアニメーション

Question

###前提・実現したいこと
HTML上でjavascriptを用いて左から右への直線を引くアニメーションを作りたい

このサイトを参考にして作ろうとしたのですが、コード通りに書いても実行できませんでした(何も変化が起きず、サイトにデモページが有ったのですが同じようにはなりませんでした)

サイトの「左から右へ線を引く」以降のコードです

※以下のソースコードはサイトから引用したものです

###該当のソースコード

<div id="horizon1"></div>

#horizon1 {
    position: absolute;
    top: 100px;
    left: 0;
    width: 0;
    height: 5px;
    background: #E74C3C;
}

$(function() {
    winW = $(window).width();
    spped = 3000;
    $('#horizon1').animate({
        width: winW
    }, spped);
});

Answer 1

コードをまるまるコピーして確認してみましたが、問題なく動作しました。
https://jsfiddle.net/takmatz/z7kdsocw/

一点、jQueryを読み込んでいない（もしくはjQueryのパスがミスってる）、とかないでしょうか？

Comments

[TKlosu]

テスト用で新しいファイルを作っていたのでパスの変更を忘れていました…
ご指摘ありがとうございました