title: $.ajax 200 OK, parseerror, invalid character on Internet Explorer 7,8,9,10
body: <p>This chunk of code is working across Chrome, FF but its not working on Internet Explorer!
  It is just a simple JSON file call, get data, and display to HTML webpage. Take a look below:</p>
  
  <pre><code>$.ajax({
                type: "GET",
                url: "shop.json",
                cache: false,
                data: "{}",
                success: function(jd) {
                  $.each(jd.lots, function(i,f){
                    if(f.shop.category != "PARKING")
                    {
                      if(jQuery.inArray(f.shop.category, categoryArray) == -1) //not in array
                      {
                        categoryArray.push(f.shop.category);
                       $('#tenant-list').append('&lt;table width="100%" class="tenantList" id="' +jQuery.inArray(f.shop.category, categoryArray) + '"&gt;&lt;th class="title" style="background-color: orange;" colspan="3"&gt;'+f.shop.category+'&lt;/th&gt;');
                        $('.categoryList').append('&lt;tr&gt;&lt;td&gt;&lt;a class="categoryListAnchor" style="color: #666666;text-decoration: none;" href="#'+jQuery.inArray(f.shop.category, categoryArray)+'"&gt;'+f.shop.category+'&lt;/td&gt;&lt;/tr&gt;');
                      }
                      $('#'+jQuery.inArray(f.shop.category, categoryArray)).append('&lt;tr&gt;&lt;td class="shopName" width="500px;"&gt;' + f.shop.name + '&lt;/td&gt;&lt;td&gt;&lt;img src="images/'+f.zone+'.jpg"&gt;&lt;/td&gt;&lt;td&gt;' +f.floor + '&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;');
  
                 };
                  });
  
                          $("#tenant-list").jSort({
                                sort_by: 'th.title',
                                item: 'table',
                                order: 'asc'
                              });
  
  
                          $(".tenantList").jSort({
                                sort_by: 'td.shopName',
                                item: 'tr',
                                order: 'asc'
                             });
  
                          $(".categoryList").jSort({
                                sort_by: 'td',
                                item: 'tr',
                                order: 'asc'
                             });
                          $("#instruction").show();
                          $("#ajaxLoading").hide();
  
                },
                error: function (request, status, error) { 
                          alert(request.status + ", " + status + ", " + error); 
                        }
                        });
  </code></pre>
  
  <p>The shop.json its a 1.2mb json file stored locally validated fully at jsonlint with 0 errors. So there won't be any cross origin issue I suppose.
  However when I was testing my script on IE, the error function executed, and gives me an alert of:</p>
  
  <pre><code>  200, parseerror, SyntaxError: Invalid Character
  </code></pre>
  
  <p>ResponseHeader in the developer console of IE shows the full content of my JSON file and it appears to be 200 OK.</p>
  
  <p>Kindly help me on this. 
  p/s: The code above, I have added "<code>dataType: json</code>" and "<code>contentType: "application/json; charset=utf-8</code>" before this, also the same error.</p>
  
  <p>Let me know anyone need more info on this.</p>