TypeError: jQuery(...).ready(...) is not a function

Question

OK, I know this has been asked before but none of the answers seems to apply to my case. I'm trying to get a very tiny piece of jQuery running (I'm just getting started on it).

jQuery(document).ready(function(){     jQuery('.comtrig').on('click',function(){         $(this).next().animate({'display':'inline'},1000);     }); })(); 

I get the error TypeError: jQuery(...).ready(...) is not a function in FF or Uncaught TypeError: object is not a function in Chrome.

• Solution 1 was to replace $ with jQuery but I obviously already did that as shown above
• I'm not in Wordpress either
• I'm using only jQuery and the above mini script, no other JS
• jQuery itself seems to load fine

What am I missing here?

Answer 1

try to remove this (); at the end of doc ready:

jQuery(document).ready(function(){   jQuery('.comtrig').on('click',function(){     $(this).next().animate({'display':'inline'},1000);   }); }); //<----remove the (); from here 

(); is normally used to have a Immediately-Invoked Function Expression (IIFE) which has some kind of syntax like this:

(function(){    // your stuff here })(); //<----this invokes the function immediately. 

---

Your errors:

in firefox = TypeError: jQuery(...).ready(...) is not a function

in chrome = Uncaught TypeError: object is not a function

because:

Your document ready handler is not a Self-executing anonymous function.