Изменение фона страницы с помощью Javascript

Question

Я пытаюсь заставить это работать в течение последних 6 часов, и я просто не могу сделать это правильно. Я смотрел на вопросы и решения по SO, но безрезультатно. Что я делаю ужасно неправильно?!?

Все, что у меня есть, это страница html5 без фона. В моем коде яваскрипта я призываю этот метод, когда документ будет готов:

/* 
* Initializes the landing page. 
*/ 
function initializeLanding(){ 
    $('body').css({ 
     'backround':'url("http://40.media.tumblr.com/290e7a272b492735ddf8cd968e657d05/tumblr_nhmg6xYnv41u7ns0go1_1280.jpg")' 
    }); 
} 

Это должно быть что-то тупо простым, и в том же я здесь. Я пробовал использовать одинарные кавычки, двойные кавычки, без нескольких атрибутов и т. Д. Я бы также скорее не использовал свойства CSS или DOM для изменения фона, так как я установил точки пути вдоль страницы, чтобы изменить фон при прокрутке назад их.

Кроме того, если я вызову метод .css() и добавлю новые атрибуты, он перезапишет все старые или только указанные атрибуты в последнем вызове css()?

Update: вот где я вызываю функцию:

var main = function(){               
     $(".owl-carousel").owlCarousel();           
     lorem();                  
     initializeLanding();               
    }                    
    $(document).ready(main); 

Answer 1

у вас есть орфографическая ошибка.

backround => фон.

Answer 2

проверить это demo

у вас есть орфографическая ошибка. заменить на фоне фон

function initializeLanding(){ 
    $('body').css({ 
    'background':'url("http://40.media.tumblr.com/290e7a272b492735ddf8cd968e657d05/tumblr_nhmg6xYnv41u7ns0go1_1280.jpg")' 
    }); 
    }