JSP included header element hide before the page load
<p>I have a simple <code>login.jsp</code> page with login forms.
The header and footer is included, the <code>pageheader.jsp</code> contain the header body tag etc.
I would like to hide the header and footer class in the included jsp, but only in the login page, before the page loading.</p>

<p>I thought it simple and it is working, but hide the header after the page is loaded.
I think it is not to complicate but I'm a beginner in this area.
Anyone could help me with this? Thanks!</p>

<pre><code>&lt;jsp:include page="pageheader.jsp"/&gt;

&lt;script&gt;

    $(document).ready(function(){

    $("#wp-header").hide();

    });

&lt;/script&gt;
</code></pre>