$(document).ready(function(){ キャッチされないReferenceError: $が定義されていません 質問する

こんにちは、以下のコードを使用しているときに「Uncaught ReferenceError: $ is not defined」というエラーが発生します

現在、ログに次のエラーが表示されています。フレームワークのサンプルを見てきましたが、エラーの場所がわかりません。HTML や js を扱ったのは 10 年以上前で、当時やったことはごく基本的なことでした。どなたか助けていただけるとありがたいです。

<script type="text/javascript">
var sQuery = '<?php echo $sQuery; ?>';

$(document).ready(function(){
    if($('input[name=sPattern]').val() == sQuery) {
        $('input[name=sPattern]').css('color', 'gray');
    }
    $('input[name=sPattern]').click(function(){
        if($('input[name=sPattern]').val() == sQuery) {
            $('input[name=sPattern]').val('');
            $('input[name=sPattern]').css('color', '');
        }
    });
    $('input[name=sPattern]').blur(function(){
        if($('input[name=sPattern]').val() == '') {
            $('input[name=sPattern]').val(sQuery);
            $('input[name=sPattern]').css('color', 'gray');
        }
    });
    $('input[name=sPattern]').keypress(function(){
        $('input[name=sPattern]').css('background','');
    })
});
function doSearch() {
    if($('input[name=sPattern]').val() == sQuery){
        return false;
    }
    if($('input[name=sPattern]').val().length < 3) {
        $('input[name=sPattern]').css('background', '#FFC6C6');
        return false;
    }
    return true;
}
</script>