关于js脚本内函数执行顺序的问题？

[hunterOrc]

代码结构如下

x.js文件:
$(function() {
a();
b();
});

function a(){
...
}
function b(){
...
}


// a函数里使用了html函数 ，对index.html页面做了修改
$('#main').html(test.html);

/********test.html内容***************/
<div class="rr1">
<div class="p-heading">ccc</div>
<div class="p-body">
<div id="ccc"></div>
</div>
</div>

//b函数里使用echarts获取test.html里面的div元素时，报错，应该是没找到元素。
var myChart = echarts.init(document.getElementById("ccc"));


使用开发者工具测试时，发现执行b函数时，页面并没有完全加载，没办法读取test页面内容。
这两个函数要怎么写或者放在什么位置才会正常运行呢？

[讨厌走开啦]

函数a里有异步操作，把b放在异步操作的回调里。