jQuery Error IE JSON

Question

Hi, when I run this JS in FF or Safari it works just right but in IE I get 'optionValue' is Null or not an Object.

$(function() {
    $('#selectBrand').change(function(){
     $.getJSON('Scripts/ajax_busquedas.php', {idMarca : $(this).val() }, function(j) {
      var options = '';
      var i = '';

      for (i = 0; i < j.length; i++) {
       options += '<option value="' + j[i].optionValue +'">' + j[i].optionDisplay + '</option>';
      }

      $('#selectCategory').html(options);
      $('#selectCategoy option:first').attr('selected', 'selected');
     });
    });
});

Any ideas on how I can start debugging this?

Thanks, Max

Answer 1

Check your Json, things like :

{"property1": 1, "property2":2,/*<-- see the extra 'trailing comma' */};

works in firefox, safari etc but throw erros in IE.

Answer 2

Make sure you define optionValue and optionDisplay either within the scope of JSON call or define them as global variables like so:

var optionValue = '';