Что мне нужно сделать, это в моем меню я хотел бы добавить один из классов (перечисленных ниже) с совершенно случайным порядком каждый раз, когда функция запускается (загрузка страницы)
Это мой HTML
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Why Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
И это то, что я хотел бы получить в результате при каждом разном порядке добавления классов
<div id="menu">
<ul>
<li><a href="#" class="li-one" >Home</a></li>
<li><a href="#" class="li-five">About Us</a></li>
<li><a href="#" class="li-three">Portfolio</a></li>
<li><a href="#" class="li-two">Why Us</a></li>
<li><a href="#" class="li-four">Contact Us</a></li>
</ul>
</div>
Ниже я перечислил все классы.
.li-one .li-two .li-three .li-four .li-five
Я потратил потерянный час, пытаясь выяснить это безрезультатно
Большое спасибо за вашу помощь заранее