[Solved] External JavaScript does not work with jquery

Question

You’ll need to add the click function inside document ready.

$(document).ready(function(){
    $("button#testBtn").click(function(){
       alert("Works!");
    });
});

Your method fails because the code is being executed as the page is being loaded and the elements it refers to haven’t been loaded yet. Using $(document).ready holds the function execution till the DOM elements are ready.

Accepted Answer

You’ll need to add the click function inside document ready.

$(document).ready(function(){
    $("button#testBtn").click(function(){
       alert("Works!");
    });
});

Your method fails because the code is being executed as the page is being loaded and the elements it refers to haven’t been loaded yet. Using $(document).ready holds the function execution till the DOM elements are ready.