Bootstrap Switch not working on IE11?

I can't seem to get my Bootstrap Switch to work in IE11, however it works for Chrome and Edge. Here is the HTML snippet:

<input type="checkbox" id="myCheckbox" name="myCheckbox">
<label>Turn this on or off!</label

And here is my JS:

<script>
    $(document).read(function () {
        $('myCheckbox').bootstrapSwitch();
    };
</script>

Here is a Chrome screentshot:

And an IE screenshot:

Any idea on what's going on here? Is there a simple fix for this or does IE11 not support Bootstrap Switches?

Update: I now have made a separate index.html file just to test this. I downloaded the latest version of bootstrap, bootstrap switch, and jquery. My file has the following code:

<html>
    <head>
        <link href="bootstrap.css" rel="stylesheet">
        <link href="boostrap-switch.css" rel="stylesheet">
        <script src="jquery.js"></script>
        <script src="bootstrap-switch.js"></script>
    </head>
    <body>
        <h1>Hello!</h1>
        <input type="checkbox" name="myCheckbox" checked>
        <script>
            $("[name='myCheckbox']").bootstrapSwitch();
        </script>
    </body>
</html>

This is literally pretty much the tutorial for using the switch from the bootstrap switch website (I'd link but this site won't let me link more than 2 links until I have a higher reputation). Still doesn't work on IE11, works fine on Chrome.