js加载顺序的问题

在一个html中，加载了一些js的外部文件，例如

<script src="../static/js/common.js"></script>
<script>
    var userID = document.cookie;
</script>

而在common.js中，加入了cooikes

$(function () {
    document.cookie = "username=Bill Gates";
});

在加载顺序上，是先加载common.js,再执行内部的js,但结果是

userID为空

找了好久，才发现，是因为$(function(){})这个函数要在js都加载完之后，才会开始加载，所以会等外部的var userID = document.cookie;这些执行完，才会执行函数内的内容。