Issue with IE8: Property or method 'forEach' not supported
$('.tabs').tabs();
$('#search-consumables [data-ajax-call]').change(function() {
var $this = $(this),
settings = $this.data(),
$target = $(settings.target);
$.ajax({
type: 'GET',
url: 'index.php?route=module/quicklookup/' + settings.ajaxCall,
data: $this.closest('form').serializeArray(),
dataType: 'json',
success: function(data) {
var html = '';
$target.find(':not(.blank)').remove();
html = $target.html();
for (var i = 0; i < data.length; i++) {
var entry = data[i];
html += '<option value="'+entry.id+'">'+entry.name+'</option>';
}
$target.html(html);
}
});
});
I have also attempted
$.each(data, function(entry) {
but it returns undefined in IE8. What do I need to do differently to make this work?