Случайное фоновое изображение при обновлении
Я пытаюсь случайным образом загрузить изображение каждый раз, когда пользователь посещает сайт. Я следовал учебному пособию и нескольким предыдущим темам по этой проблеме и не могу заставить его работать. Изображения находятся в папке / images /, а имена файлов правильно введены в массив:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" />
<script type="text/javascript">
var images = ['OUT01ari.jpg' 'OUT02adobe.jpg' 'OUT03alife.jpg' 'OUT04chinup.jpg' 'OUT05datenightwinecologne.jpg' 'OUT06officechair.jpg' 'OUT07printer.jpg' 'OUT08whitewall.jpg' 'OUT09umbrella.jpg' 'OUT10converse.jpg' 'OUT11wardrobebar.jpg'];
$('#background').css({'background-image': 'url(images/' + images[Math.floor(Math.random() * images.length)] + ')'});
</script>
Затем я ввел div в теле страницы, но безрезультатно:
<body>
<div ="#background"></div>
<div class="container">
</div>
</body>
Куда я иду не так?
Спасибо.