$(document).ready(function(){ Uncaught ReferenceError: $ не определено

Привет, у меня есть «Uncaught ReferenceError: $ is notdefined» при использовании нижеприведенных кодов

В настоящее время я получаю следующую ошибку в мой журнал. Я просматривал образцы в фреймворке и просто не могу найти, где ошибка. Прошло более десяти лет с тех пор, как я сделал какой-либо HTML или js, и то, что я делал тогда, было очень простым. Буду признателен за любую помощь

<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>