Uncaught ReferenceError: $ is not defined in HTML

Question

Does anyone has an idea how to properly start or begin a function inside the script? Here is my code.

<script>
    $(document).ready(function(e){
        $('.search-panel .dropdown-menu').find('a').click(function(e) {
            e.preventDefault();
            var param = $(this).attr("href").replace("#","");
            var concept = $(this).text();
            $('.search-panel span#search_concept').text(concept);
            $('.input-group #search_param').val(param);
        });
    });
    var a = document.getElementByTagName('a').item(0);
    $(a).on('keyup', function(evt){
        console.log(evt);
        if(evt.keycode === 13){

            alert('search?');
        }
    });
</script>

Here is the error i am getting:

Uncaught ReferenceError: $ is not defined at (index):52
(anonymous) @ (index):52
v

https://stackoverflow.com/questions/2075337/uncaught-referenceerror-is-not-defined — Dinesh Patra, Sep 25 '19 at 09:07
can you please mention which files you are link to you html page? — KuldipKoradia, Sep 25 '19 at 09:07

score 1 · Answer 1 · edited Sep 25 '19 at 10:55

1

Since your code contains JQuery snippets, you will need place JQuery library before calling it's respective functions.

edited Sep 25 '19 at 10:55

Saharsh

1,056
10
26

answered Sep 25 '19 at 09:28

Rimon Arif

36
4

Uncaught ReferenceError: $ is not defined in HTML

1 Answers1