select checkbox text not changing : BElow is my code. The text is not changing when i select the checkbox.
The text for the checkbox should change but it is not.

IDK

    <html>
    <head>
    <title>OX</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script type="text/javascript">
    $('#checkbox1').on('change', function () {
            window.alert(5 + 6);
        if ($('#checkbox1').is(':checked')) {
              window.alert(5 + 6);
            $("#description").html("Your Checked 1");
            
        } else {
            $("#description").html("No check");
        }
    });
    
        </script>
    </head>
    <body>
    
    <input type="checkbox" value="0" id="checkbox1" name=""/> Answer one <br/></input>
    <span id="description"> Hi Your Text will come here </span>   
    </body>
    </html>