Not working in IE11 although doing in Edge

Not working in IE11 although doing in Edge

The following code in Edge work successfully to give "done" message but it in IE11 to give "fail".
Hey guys, please show me the way to work it in IE11. 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  5. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  6. </head>
  7. <body>
  8. <script>
  9. $(document).ready(function(){
  10.   $("button").click(function(){
  11.        $.ajaxSetup({  cache: false});
  12.     $.get("load_test.txt", function(data, status){
  13.        $("#data").append("<p style='color:red'>test</p>");
  14.     })
  15.    .fail(function(){ alert("fail")})
  16.    .done(function() {alert("done")});
  17.   });
  18. });
  19. </script>
  20.    <button>clik!</button>
  21.    <div id="data"></div>
  22.  </body>
  23. </html>