JQuery code not working??

JQuery code not working??

I'm new to JQuery so i might be missing something really basic. 

I'm using JQuery 3.1.1 

My code works fine with Chrome( Version 53.0.2785.143 m) and Firefox (44.0) but does not work with the IE 11 or Edge. 

code snippet included below. 

HTML:
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>A Christmas Carol</title>

    <link rel="stylesheet" href="03.css" type="text/css" />
    
    <script src="./scripts/jquery.js"></script>
    <script src="./scripts/Jq03.js"></script>
  </head>
<body>
    Hello there!!
  </body>
</html>

JS file

$(
    function (){
        alert('Hi')
    })