I am trying to add a random class to even < li > element within my #container div

Here is my code: 

```
$( "#container li" ).each(  

  $().ready(function() {

        $("#container li:random").addClass("one");
        $("#container li:random").addClass("two");
        $("#container li:random").addClass("three");

    })
    );

```

The problem is that I have ten < li > elements and I want each of these elements to receive one of the three possible classes in a random fashion.

However my code above only assignes three < li > elements with the classes leaving the remaining seven < li > elements class-less.

I have tried other snippets of code but none of which randomly apply a list of classes to ALL elements specified. 

I have tried snippets from this post [HERE](https://stackoverflow.com/questions/1911855/adding-randomly-chosen-class-to-html-tag-using-jquery) but none of which produce the desired result of making sure all elements get a random class.

Thank you for your help.