IE Issue with jQuery and JS

Question

I'm trying to write a function that transfer the items from the basket and push it in the cart. The problem I am facing at the moment is that although this code works fine in Firefox and Chrome it isn't recognising the products.

var modals_pool = {};

$('.deal_order_btn').live('click', function (e) {
    e.preventDefault();

    deal = {};
    deal.id = $(this).attr('deal_id');
    deal.title = $(this).attr('deal_title');
    deal.items = [];
    additional_total = 0;
    $(this).parents('.deal_item_holder').find('table.deals_item_').each(function (index, ele) {
        item = {};
        item.id = $(ele).attr('deal_item_id');
        item.name = $(ele).find('.deal_item_name a').text();
        if ($(ele).find('select.product').length) {
            item.product = $(ele).find('select.product').val();
        }
        if ($(ele).find('select.product').length === 0) {
            item.product = $(ele).find('.deal_item_name a').attr('rel');
        }
        if ($(ele).find('select.size').length) {
            item.size = $(ele).find('select.size option:selected').text();
        }
        if ($(ele).find('.static_size').length) {
            item.size = $(ele).find('.static_size').text();
        }


        deal_object = modals_pool[$(ele).attr('container_id').replace(/ /g, '_') + "_" + $(ele).find('.product').val()];

        //console.log(deal_object);

        if ($(ele).find('select.product').length && deal_object) {




            item.product_name = $(ele).find('select.product :selected').text();

            item.product_topping = deal_object.selected_topping_normal;
            item.base = deal_object.default_base;


            item.product_double_topping = deal_object.selected_topping_double;


            item.product_total = deal_object.total;
            additional_total += deal_object.total;



        }


        deal.items.push(item);

    });



    deal.total = $(this).parents('li:first').find('span.customize_total_deal').text();
    deal.orginal = $(this).parents('li:first').find('span.customize_total_deal').attr('orginal_total');
    deal.addtional_topping_total = additional_total;

    $.post(window.location.href, {
        'action': '_saveUserDeal',
            'deal_details': JSON.stringify(deal)
    }, function (data) {
        if (data.code) {
            var date = new Date();
            var milseconds = date.getTime();
            $('.basket_box_holder').load(root + store_name + '/get_cart?' + milseconds);
        }
    });

});

Answer 1

Your script breaks on line 683 with the error:

Object doesn't support this action

This is because item is a reserved keyword in Internet explorer 8 and below, try renaming it to something else OR use the var keyword to locally declare item. This will probably fix it:

var item = {};

Cheers.