Как переназначить и упорядочить id у нескольких элементов с общим class ?

[Delovar]

Есть 5 элементов с общим классом:

<div id = 'pr1' class = 'element'>1</div>

<div id = 'pr2' class = 'element'>2</div>

<div id = 'pr4' class = 'element'>3</div>

<div id = 'pr5' class = 'element'>4</div>

<div id = 'pr7' class = 'element'>5</div>

Нужно как-то пройтись по всем этим элементам и переназначить им идентификаторы, чтобы они упорядочились:

<div id = 'pr1' class = 'element'>1</div>

<div id = 'pr2' class = 'element'>2</div>

<div id = 'pr3' class = 'element'>3</div>

<div id = 'pr4' class = 'element'>4</div>

<div id = 'pr5' class = 'element'>5</div>

Помогите пожалуйста!

Edited January 13, 2013 by Delovar

[lexxcode]

Если не подразумевается сортировка, а просто переназначение то как-то так http://jsfiddle.net/alexriz/XyTTf/

[Delovar]

Спасибо, сделал так, как Вы предложили!

Мне тут сказали, что идентификатор не должен начинаться с цифры! Обязательно должен быть префикс... Поэтому, в моем случае решил так:

$('.element') . each (function (i)

{

$(this) . attr ('id', 'pr' + (i + 1));

});