click jquery call not working on button click

Question

I am trying to write a simple code as follows:

<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" />
    <script>
        $("#submitQuery").click(function() {
            alert("Hola!!");
        });
    </script>
    </head>
    <body>
        <label for="geo_location"> Enter location here: </label>
        <input id="geo_location" type="text" name="geo_location" required />
        <button id="submitQuery">Find out</button>
        <div id="test"></div>
    </body>
</html>

However, clicking the button doesn't do anything. Where am I wrong here?

Chandhru Sekar · Accepted Answer · 2017-03-04 05:30:35Z

3

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" /> </script>
<script>
    $(function(){
         $("#submitQuery").click(function() {
             alert("Hola!");
         });
    });
</script>

try this...you miss the ready function..

answered Mar 4, 2017 at 5:30

Chandhru Sekar

3182 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

click jquery call not working on button click

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related