لود صفحه به همراه jQuery

با سلام! من می خواستم که هنگامی که وب سایتم رو باز می کنم اول همه وب سایت لود شن بعد jQuery که حجمش بیشتر لود شه (یه چیز مثل صفحه لودینگ نمایش بده)! ولی با اینکه اسکریپت jQuery باید تو head باشه چی کار کنم که اول صفحه لودینگ رو نشون بده بعد لود کنه؟
ممنون می شم راهنمایی کنید!

منم میخوام اگه هست

کد:

---

$('<div id="loading" />', {
        'position': 'fixed',
        top: 0, left: 0, right: 0, bottom: 0,
        'background': 'rgba(0,0,0,.5) url(مسیر تصویر لودینگ) no-repeat center center',
        'z-index': 1000,
        'display': none;
}).prependTo('body').fadeIn();
$(window).load(function(){
        $('#loading').fadeOut();
});

---