Remove Border on last list item

by Mel Karlik

HTML

<ul id="nav">
    <li><a href="#">item1</a></li>
    <li><a href="#">item2</a></li>
    <li><a href="#">item3</a></li>
    <li><a href="#">item4</a></li>
    <li><a href="#">item5</a></li>
</ul>

CSS

ul#nav { list-style: none; margin: 0px; }
ul#nav li { display: inline-block; float: left;  padding: 5px; border-right: 1px solid #000; }
ul#nav li.last { border-right: none; }

JavaScript

$(document).ready(function() {
       $("ul#nav li").last().addClass('last');
 });