Po przewinięciu zmień krycie nagłówka?

Jestem tak nowy w JQuery i jestem pewien, że odpowiedź jest bardzo prosta. Ale jeśli ktoś może wskazać mi właściwy kierunek, byłoby świetnie. Chcę tylko, aby krycie mojego nagłówka zmieniło się z 0 na 1, gdy użytkownik przewija się przez 400 pikseli. WSPARCIE? www.HULU.com ma doskonały przykład.

<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