$(document).ready(function(){ Uncaught ReferenceError: $ is not defined

Question

Hi I am having a "Uncaught ReferenceError: $ is not defined" while using bellow codes

I am currently getting the following error in my log. I have been looking at the samples in the framework and I just can't seem to find where the error is. It's been over a decade since I have done any HTML or js and what I did back then was very basic stuff. Any help would be appreciated

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

Answer 1

It seems you don't import jquery. Those $ functions come with this non standard (but very useful) library.

Read the tutorial there : http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery It starts with how to import the library.