JavaScript或JQuery，如何隐藏div加载页面并在单击按钮后显示它

Question

我有以下脚本：

<script>
    $(document).ready(function () {
        $("#TransferGrid").hide();
    })
</script>

    <button id="btnTransfer" type="submit" class="btn btn-success center-block" onclick="TransferTruck()">Search</button>

<script>

    function TransferTruck() {
        $("#TransferGrid").show();
    }

但是div再次消失了，如何保持div？
谢谢您的问候，