jQuery Sequential List

jQuery Sequential List

Hi Guys

This is probably very simple!

I followed a tutorial from http://webdesignerwall.com/demo/jquery-sequential/jquery-sequential-list.html

and it works fine when there is one <ol> list on the page. Function:

$(document).ready(function(){

   $("ol.step li").each(function (i) {
      i = i+1;
      $(this).prepend('<span class="stepnumber"> Step '+i+'</span>');
   });

});


Html:

<ol class="step">
    <li>something</li>   
    <li>something</li>   
    <li>something</li>   
</ol>

<ol class="step">
    <li>something</li>   
    <li>something</li>   
    <li>something</li>   
</ol>


However when I have more than one <ol> the steps keep going, traversing into the next ol like so:



I need it to be: 1,2,3 and then begin again at 1,2,3 NOT 1,2,3,4,5,6!

Can anyone help?