Div tag not showing data without an alert - Please help

Div tag not showing data without an alert - Please help

Hi

I cannot display data in a div from external files using jquery without an alert. Can anyone help me?

<!DOCTYPE html>
<html>
<head>
  <title>Open external file using jQuery</title>
  <script src=" http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
  <script>
      $(document).ready(function() {
      $("#readFile").click(function() {
            
             var mVersion = 107;
              var mLatestVersion = 111;
              var mHTMLContent = "";
              var mdir = "html/v4/";
              var mfileextension = ".html";
              while (mVersion < mLatestVersion) {
                  var mfile = mdir + mVersion + mfileextension;
                  //alert(mfile);
                  $.get(mfile, function(data) {
                      mHTMLContent += data;
                  }, 'text');
                  mVersion += 1;
              }
              alert("Click OK to view the features");
              $("#result1").html(mHTMLContent);
            
          });
      });
       </script>
      
</head>
<body>
<button id="readFile">Read File</button>

<div id="result1"></div>
</body>
</html>