Na rolagem mude a opacidade do cabeçalho?

Sou tão novo no JQuery e tenho certeza que a resposta é super básica. Mas se alguém puder me apontar na direção certa, isso seria ótimo. Eu só quero que a opacidade do meu cabeçalho mude de 0 para 1 à medida que o usuário rola além dos 400 pixels. SOCORRO? www.HULU.com tem um exemplo perfeito.

<code>
<script>
$(document).ready(function() {
        $(window).scroll(function() {
            if ($(this).scrollTop() > 400) {
                $('.header').css("background", "#000");
            } else {
                $('.header').css("background", "transparent");
            }
        });
        });
</script>
</code>

questionAnswers(1)

yourAnswerToTheQuestion