Number LI's using jQuery

Question

I have an ordered list, but I want to number is manually in a separate span tag than use the default list-style: decimal;

Answer 1

$(function() {
  $("ol > li").each(function(i, n) {
    $(this).prepend("<span>" + (i+1) + "</span> ");
  });
});

You'll need to disable the standard markers too:

ol { list-style-type: none; }

Adjust as required.