Replace all $ by jQuery, it will work fine,
jQuery(document).ready(function() {
var aboveHeight = jQuery('header').outerHeight();
jQuery(window).scroll(function(){
if (jQuery(window).scrollTop() > aboveHeight){
jQuery('.navigation').addClass("fixed");
} else {
jQuery('.navigation').removeClass("fixed");
}
});
});