jQuery Code Help: Works BUT UGLY | HELP SIMPLIFY

Hello,

I have an unordered list with some 300 generated listed items. For stylistic purposes, I wanted to take those list items, break them down into groups of 6 and add separate classes to each as 1 of 6, 2 of 6, 3 of 6, etc. For reasons related to the functionality of the web app, I cannot simply group them as unordered groups of six within my html markup. I used the following code to achieve my desired result

$(window).bind("load", function() { 
   $(document).ready(function () {

  $(".allFeeds li:nth-child(6n+1)").addClass("first");
      $(".first").next().addClass("second");
      $(".second").next().addClass("third");
      $(".third").next().addClass("fourth");
     $(".fourth").next().addClass("fifth");
     $(".fifth").next().addClass("sixth");
     $(".allFeeds li").eq(0).addClass("first");
     $(".allFeeds li").eq(1).addClass("second");
     $(".allFeeds li").eq(2).addClass("third");
    $(".allFeeds li").eq(3).addClass("fourth");
  });
 });

Again, this functionally achieves what I wanted to do, but its UGLY! How can I do it with less code?

I know I do not have to have the class iterated again at the front of each code line. In my code, I use dot notation. This is for demonstration purposes only.

Specifically, I am wondering if there is a way to abbreviate the classes added using a loop and/or index function. The class names don't matter. They simply specify different widths - that's it.

Thanks in advance for you help!