How to Add A Class to Header on Scroll with jQuery

var header = $(".header");
    $(window).scroll(function() {
        var scroll = $(window).scrollTop();
        if (scroll >= 300) {
            header.addClass("scrolled");
        } else {
            header.removeClass("scrolled");
        }
    });