[jQuery] Nested ajax calls not working in IE7

[Dannster]

Has anyone come across this issue?

I have an ajax callback with a function defined in the success member
which fires another ajax callback.

In Firefox this works fine but in IE7 only the first callback fires.

here is the code

// Get a Session Id
$.ajax({
    type: "POST",
    url: "/WebServices/KayakService.asmx/GetSession",
    beforeSend: function(xhr) {
        xhr.setRequestHeader("Content-type",  "application/json;
charset=utf-8");
    },
    dataType: "json",
    success: function(msg) {
        sessionId = msg;
        alert(sessionId);
        $.ajax({
            type: "POST",
            data: '{"origin":"' + originCode + '","destination":"' +
destinationCode + '","depDate":"' + $("#depDate").val() +
'","retDate":"' + $("#retDate").val() + '","sessionId":"'+ sessionId
+'"}',
            url: "/WebServices/KayakService.asmx/GetFlightSearchId",
beforeSend: function(xhr) {
                                                        
xhr.setRequestHeader("Content-type",
                                                                                
                 "application/json; charset=utf-8");
                                                },
                                                dataType: "json",
                                                success: function(e) {
                                                        searchId = e;
                                                        alert(searchId);
                                                        getResults();
                                                }
                                        });
                                }
                        });