Javascript код выполняется только один раз (а необходимо для каждого элемента), почему?

Question

[freelancer007]

Доброго дня!
Имеется такой код:

jQuery(function($){
	$(document).ready(function(){
		$('#pr_n').mouseover(function(){
			
			$('#img_long').css('display','block');
		});
		$('#pr_n').mouseout(function(){
			
			$('#img_long').css('display','none')
		});
		
	});
});

Задача: при наведении на div id="pr_n" должен отображаться div id="img_long"
На странице несколько блоков div id="pr_n" и несколько div id="img_long"
Так вот выше приведенный код работает, но только для одного (первого) div id="pr_n"
Как заставить его работать с каждым div?

Answer 1

[Fahrenhe17]

Вместо id используйте class. Предполагается, что id - уникальный атрибут среди всех элементов страницы.