TypeError: 'undefined' is not a function (evaluating '$(document)')

Question

1. I\'m using a WordPress site.
2. I\'m including this script in the header.

When the script loads, I get this error:

TypeErro

Answer 1

You can pass $ in function()

jQuery(document).ready(function($){

// jQuery code is in here

});

or you can replace $(document); with this jQuery(document);

or you can use jQuery.noConflict()

var jq=jQuery.noConflict();
jq(document).ready(function(){  
  jq('selector').show();
});