jQuery - Why Ajax return blank data?

jQuery的Ajax很好用，幾乎我已經以jQuery取代Microsoft的Ajax，但使用jQuery的Ajax Call Back要注意 Asynchronous (同步或非同步) 問題。
以這個典型例子：

$("InputButton").click(function () { 
$.ajax({
type: "POST",
url: "webservice/DataService.asmx/GetAccount",
data: "{AccountNo: '123' }",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(msg){ alert(msg); }
});
});

上面的例子是沒有問題的，但如果把Ajax部份寫成Function，就會出現CallBack空白的Data：

$("InputButton").click(function () { 
alert(GetAccountName('123'));
});

function GetAccountName(Code)
{
var r = '';
$.ajax({
type: "POST",
url: "webservice/DataService.asmx/GetAccount",
data: "{AccountNo: '" + Code +"' }",
contentType: "application/json; charset=utf-8",
dataType: "json",
//async: false, //假設沒有這行
success: function(msg){
if (msg.length > 0) { r = msg; }
}
});
return r;
}

解決的方法就是加入這一行

async: false,

用意是需要等待jQuery 取得Data後才運行下一個動作。