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

Two things:

1. Be sure that you have jQuery library added, before your $(document).
2. Then just change all "$" with: jQuery , as the previous comments.

Answer 2

Use jQuery's noConflict. It did wonders for me

var example=jQuery.noConflict();
example(function(){
example('div#rift_connect').click(function(){
    example('span#resultado').text("Hello, dude!");
    });
});

That is, assuming you included jQuery on your HTML

<script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>