表单提交后加载隐藏不起作用

Question

我有一个加载Gif的页面，其中包含#loading Id， 我编写了java脚本来隐藏窗口加载：

<div id="loading">
  <img src="images/loading.gif" alt="loading..."/>
</div>  

...

$(window).load(function(){
  $('#loading').hide();
});

它适用于表单加载，我创建一个表单以转到其他页面：

     function gotopage(destpage){
        var form = document.createElement("form");

        form.setAttribute("method", "post");
        form.setAttribute("action", "index.php");
                var input = document.createElement('input');
                input.type = 'hidden';
                input.name = 'page';
                input.value = destpage;
                form.appendChild(input);
        document.body.appendChild(form);        
        form.submit();
        document.body.removeChild(form);      
     }

当我使用此表单转到其他页面时，隐藏不正常并加载不隐藏。

你有什么解决方案吗？