change header background color on scroll css

1/* 
2    .active { background-color: #fff}
3*/
4$(function() {
5    $(window).on("scroll", function() {
6        if($(window).scrollTop() > 50) {
7            $(".header").addClass("active");
8        } else {
9           $(".header").removeClass("active");
10        }
11    });
12});