Назначение классов для пунктов меню
 

Имеем меню:

<ul class="menu">
  <li class=""><a href="#">Первый</a></li>
  <li class=""><a href="#">Второй</a></li>
  <li class=""><a href="#">Третий</a></li>
</ul>

Подскажите как правильно перебрать пункты в цикле, чтобы назначить каждому пункту (li) свой класс.
На выходе хотелось бы получить это:

<ul class="menu">
  <li class="item-1"><a href="#">Первый</a></li>
  <li class="item-2"><a href="#">Второй</a></li>
  <li class="item-3"><a href="#">Третий</a></li>
</ul>

Знаю что нужно делать так:

jQuery(".menu li").addClass('item-'+i)

Но вот как построить цикл чтобы перебирались пункты, непойму.

$(function() {
    $('ul.menu a').each(function(i) { //ul.menu li > a
        $(this).addClass('item-'+i);
    });
});

или так:

$(function() {
    var $item = $('ul.menu a'), $i = $item.length;

    while($i--) {
        $item.eq($i).addClass('item-'+$i);
    }
});

Спасибо, очень помогли!
В итоге получилось, так:

jQuery(document).ready(function() {
			var menuItem = jQuery("#sidebar .menu li");
			menuItem.removeClass();
			menuItem.each(function(i) {
				i++;
				jQuery(this).addClass('item-'+i);
			});
		});