Hide header nav on homepage until reader begins scrolling down the page - Genesis framework

hideHeaderNav.js

<script type="text/javascript">

(function($) {
    $(document).ready(function () {
       var headerNav = $('body.home').find('nav.nav-header');
        headerNav.hide();
        
        $(window).scroll(function(){
            if ($(this).scrollTop() > 100)
            {
                headerNav.fadeIn();
            } 
            else 
            {
                headerNav.fadeOut();
            }
        });  
    });  
})(jQuery);

</script>