Присвоить поведение множеству элементов

Здравствуйте, у меня возник вопрос. У меня есть несколько div объектов одного класса к примеру container. Я хочу, что-бы при наводке мышки на один такой объект, он менял свой цвет, но другие контейнеры оставались неизменными при этом. Как мне это сделать? Я пробовал с jQuery след. код:

Код (Text):

1.  
2. $(document).ready(function() {
3.       $(".container").onmouseover(function() {
4.             $(this).css("background-color", "#000000");
5.      });
6. });
7.  
8. Но он не работает почему-то...В чём проблема не подскажите?

 

Я пробовал и mouseover и hover в том же контексте, но не работает

 

Попробовал точь в точь, но не идёт

Вот мой код:

Код (Text):

1.  
2.  
3. <script type="text/javascript">
4. for (var i = 0; i < 10; i++) {
5. var container = document.createElement('div');
6.                 container.className = 'container';
7. document.getElementById('con').appendChild(container);
8. }
9. </script>
10.  
11.  
12. <script type="text/javascript">
13.         $(document).ready(function() {
14.             $(".container").hover(function() {
15.                         $(this).css("background-color", "#000000");
16.                     },
17.                     function () {
18.                         $(this).css("background-color", "#ffffff");
19.                     });
20.         });
21.     </script>

Версия jQuery 1.6.1

 

Всё, заработало, всем спасибо за ответы! Не знаю почему, но когда вставил этот код в функцию, в которой создавались все эти объекты, то всё заработало. Я почему-то думал, что имею доступ к объектам из любой части документа.