Question

I’m implementing jQuery in a site and am getting the “$ is not a function” in Firefox when I try to use a selector, but $(document).ready() works perfectly right before it. My code looks like this

<script>
     $(document).ready(function(){
          alert("hi")
     }); // Works fine
     function showDiv(){
          $("#traditionalCC").hide();
     }
     //Throws error
</script>

Does anyone know why this happens, and why it works in Chrome and Firefox.

Answer 1

The key difference between your two examples (the working and non working ones) is that the first one is using the document ready event. That happens when the page is fully loaded. Not sure when you’re other one is getting invoked, but my guess is that it is being called before your <script> tag include for jquery.js itself.