javascript - wordpressでx秒後にdivを非表示にする

Question

Javascript を使用して 10 秒後に div 内の画像を非表示にしたいと考えています。私が持っている div は、非表示にするために調査したスクリプトと一緒に footer.php にありますが、機能していません。何か案は？？以下は私のコードのスニペットです。

<--footer.php-->

<div id="hide">
    <img src="http://www.example.com/image.png">
</div>


<script type="text/javascript">
   setTimeout(function() {
   $('#hide').hide();
}, 10000);
</script>

<--footer.php-->

#hide を参照するには、stylesheet.css に何かが必要ですか?

前もって感謝します。ポール