So my jQuery looks alright but for some reason when I click the button the `console.log` doesn't fire. Anyone know why this might be?

This is the link to the jQuery that I have used. Sorry for the confusion. This one is up in the header. Although it still is not working.

```js
<head>
        <!-- Latest compiled and minified CSS -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
        <script type = "text/javascript"></script>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Email Parser GUI</title>
        <link rel="stylesheet" type="text/css" href="Styles.css" />
        <script>

                $(document).ready(function(){
                    console.log("TEST ABOVE CLICKS");

                    $("#btnOn").click(function() {
                        console.log("TEST btnOn");
                        var value = 1;
                        $.ajax({
                        type: "POST",
                        url: "URLphp",
                        data: {value : value},
                        dataType: "json",
                        async: true,
                        beforeSend: function(){
                            console.log("check before send of ajax in btnOn");
                        },
                        success: function(data) {
                            console.log(data);
                        }
                        }); 
                     });

                    $("#btnOff").click(function() {
                        console.log("TEST btnOff");
                            var value = 0;
                            $.ajax({
                            type: "POST",
                            url: "URL.php",
                            data: {value : value},
                            dataType: "json",
                            async: true,
                            beforeSend: function(){
                                console.log("check before send of ajax in btnOff");
                            },
                            success: function(data) {
                                console.log(data);
                            }
                            }); 
                    });
                });
                </script>
    </head>

```

Then in the body tags

```
<div class="form-group">
            <label class="col-md-4 control-label" for="btnOn">On/Off</label>
                <div class="col-md-8">
                    <button id="btnOn" name="btnOn" value="1" class="btn btn-success">On</button>
                    <button id="btnOff" name="btnOff" value="0" class="btn btn-danger">Off</button>
                </div>
            </div>

```

Any help would be appreciated. Thanks.