Getting 'data' is undefined error in I.E.11

Getting 'data' is undefined error in I.E.11

I'm trying to load arrays from a .json doc and populate a table with this data.  It works fine in Chrome and FireFox, but not in I.E. 11.  When I debug in I.E. 11 I get the error 'data' is undefined for data.insuranceReport.  Here's my code:


  2. $.getJSON('json/insuranceData.json', function(data) {
  3.        $.each(data.insuranceReport, function(i, f) {
  4.           var divData = "<tr>" + "<td>" + "<a href='employees/index.html" + "?dataTablePath=" + f.dataFile + "&insuranceName=" + f.insuranceName + "'>" + f.insuranceName + "</a>" + "</td>" + "<td>" + f.employeeCost + "</td>" + "<td>" + f.employerCost + "</td>" + "<td>" + f.totalCost + "</td>" + "</tr>"
  5.            $(divData).appendTo("#dataTable tbody");           
  6.      });
  7.    });     

  10. <table id="dataTable" class="display">
  11.            <thead>
  12.               <tr>
  13.                  <th class="text-left"><b>Insurance Name</b></th>
  14.                  <th class="text-left"><b>Employee Cost</b></th>
  15.                  <th class="text-left"><b>Employer Cost</b></th>
  16.                  <th class="text-left"><b>Total Cost</b></th>
  17.               </tr>               
  18.            </thead>
  19.            
  20.            <tfoot>
  21.               <tr>
  22.                  <th class="text-left"><b>Insurance Name</b></th>
  23.                  <th class="text-left"><b>Employee Cost</b></th>
  24.                  <th class="text-left"><b>Employer Cost</b></th>
  25.                  <th class="text-left"><b>Total Cost</b></th>
  26.               </tr>               
  27.            </tfoot>
  28.            
  29.            <tbody>
  30.               
  31.            </tbody>
  32.        </table>
Any idea why this is happening?