В общем я решил эту проблему посредством php т.е. при использовании аякс подгрузке php отделяет не нужный контент, а если пользователь впервые грузит страницу то отдаю весь контент т.е. header, footer
И вместо load() использую
$.ajax({
url: url + '&ajax=1',
dataType : "html",
type: 'get',
cache: false,
success: function(data){
$categoryProducts.html(data);
//$('#container').css({opacity: 1});
}
});