How to hide the div until the page load then show after the page completely loaded?

I want to hide the div till page load the i want show that div after the page is completely loaded, for that in my phtml file i tried this.

<div id='pilot' style="display : none">
    <div class="trustpilot-widget" data-locale="en-US" data-template-id="5406e6b0d049e042d5f" data-      businessunit-id="54c2a000ff00057c" data-style-height="28px" data-style-width="100%" data-theme="light">
<a href="https://www.trustpilot.com/review/www.mani.com" target="_blank" rel="noopener">Trustpilot</a>
    </div>
</div>
<script>
$(document).ready(function() {
    $("#pilot").show();
});
</script>

But its not working, any help can be appreciated.