How to open multiple tabs with jquery $.each

Question

I am trying to open X amount of tabs based off the rows selected in a table. When the ajax call returns, it hits the jquery foreach but only opens one tab for the 3 rows i select rather than a tab for each selection(3 tabs)... Any idea why this would be happen? All the data in the array is correct and url generation is working. It's just not opening a tab for each item in the array.

UPDATE: This works in IE 10 but not chrome fully..it opens only one for chrome. :( Thoughts on how to handle browsers?

    //FUNCTION
function viewContracts(selectedRows) {
    $.ajax({
        type: "POST",
        url: "/Home/SetContracts",
        data: { contracts: selectedRows.join() },
        async: false,
        success: function (data) {
            if (data == null) {
                alert('There was an error viewing the selected contracts.');
            }
            else {
                openContracts(selectedRows);
            }
        },
        error: function (xhr, ajaxOptions, thrownError) {
            alert('There was an error viewing the selected contracts.');
            alert(thrownError);
        }
    });
}

//FUNCTION
function openContracts(selectedRows) {
    $(selectedRows).each(function (i, obj) {
        window.open('@Url.Action("ContractDetails", "Contract")' + '?contract=' + obj, '_blank');
    });
}

Answer 1

function openContracts(selectedRows) { $(selectedRows).each(function (i, obj) { window.open('@Url.Action("ContractDetails", "Contract")' + '?contract=' + obj, '_blank'); }); }

works in IE but chrome limits it to one tab