使用ajax结果异步填充两个元素

Question

我在两个HTML元素中显示两个ajax调用的结果：

$(window).load(function() {
    var stop_id = $('#services').data("stopid");
    $("#services").load("/stops/" + stop_id + "/services");
    $("#times").load("/stops/" + stop_id + "/times");
});

在XHR视图中，我可以看到第一个回调很快就会返回，但网页中的元素不会立即填充。看起来两个元素都在同一时刻填充，并且只有在较长的调用返回时才会填充。

1. 为什么会这样？
2. 如何在从服务器收到数据后立即确保填充每个HTML元素？