jQuery next method

<!DOCTYPE html>
<html>
<head>
<title>jQuery Demo example</title>
 <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js">
 </script>
<script type="text/javascript">
         $(document).ready(function(){      
                 $( "#selectNext" ).on( "click", function(event) {             
                 $("li").next(".before-last").css("border","1px solid red");
              });
          });
</script>
</head>	
<body>
<h4><a href="javascript:void(0);" id="selectNext">Click to select next </a></h4> 
<ul>
    <li >First Item (Index 0)</li>
    <li  >Second Item  (Index 1)</li>
    <li class="before-last">Third Item  (Index 2)</li>
     <li>Fourth Item  (Index 3)</li>
</ul>

</body>
</html>