jQuery To Dynamically Resize Height Of Element To Viewport
<p>I'm having some problems getting a jQuery script to work properly. I need my header element to  be the height of my viewport. The problem is, it doesn't expand the height of my viewport unless I click to inspect element, or change my browser size. Which I find odd since it isn't the height of the viewport on page load, but becomes so if I tamper with it.</p>

<p>Here is what I am using:</p>

<pre><code>    $(document).ready(function(){
        $(window).resize(function(){
        var newheight = $(window).height();      
        $("header.full-header").height(newheight);
        });
    });
</code></pre>
