I am using $.get to fetch the contents of a text file that resides in the same directory as my .htm and my .js files. Here is my code:

$.get("myfile.txt", function(data, status)
   {
    myarr = data.split(',');
    document.getElementById('sentence').innerHTML = myarr[0];
    $("#dnv1").children().html(myarr[1]);
    $("#dnv2").children().html(myarr[3]);
    $("#dnv3").children().html(myarr[4]);
    $("#dnv4").children().html(myarr[5]);
    $("#draggable").html(myarr[2]);
  
   });

When I view my .htm file using the internal viewer provided by Antechinus JavaScript Editor, everything works just fine. I see the strings that are in myarr. But if I view the .htm using IE 11 or Chrome, I get no content at all. This is driving me a little crazy. I am new to jQuery so would appreciate any help. Thanks.