jQuery.when理解

我试图使用jQuery.when来触发两个ajax请求，然后在两个请求完成后调用一些函数。这里是我的代码：

var count = 0;
var dfr;

var showData = function(data) {
    dfr.resolve();
    alert(count);
   // Do something with my data data received
};

var method1 = function() {
    dfr = $.Deferred();

    return $.ajax('localhost/MyDataservice/DataMethod_ReturnsData',{
        dataType: "jsonp",jsonp: "$callBACk",@R_262_6048@s: showData
    });
};

var method2 = function() {
    return $.ajax('localhost/MyDataservice/DataMethod_ReturnsCount',@R_262_6048@s: function(data) {
            count = data.d.__count;
        }
    });
};

$.when(method1(),method2())
    .then(showData());@H_489_3@ 
 
但是这不工作像预期。 Ajax在method1中调用将返回在showData()中使用的数据，而method2中的Ajax调用将返回计数，该值将被赋值给var count并在showData()中使用。
 
 
但是当我启动上面的代码，method1被调用，然后method2然后showData留下showData中的数据为’未定义’。我怎么可以通过$ .when实现这一点，据我所知，只有当两个函数返回$ .promise执行时才会得到。我想要两个ajax调用应该并行调用，以后的结果显示基于两个调用的结果。

function showData(data1,data2) {
    alert(data1[0].max_id);
    alert(data2[0].max_id);
}

function method1() {
    return $.ajax("@R_801_10107@://search.twitter.com/search.json",{
        data: {
            q: 'ashishnjain'
        },dataType: 'jsonp'
    });
}

function method2() {
    return $.ajax("@R_801_10107@://search.twitter.com/search.json",dataType: 'jsonp'
    });
}

$.when(method1(),method2()).then(showData);​@H_489_3@ 
 
这是一个工作jsFiddle