This page have two ordered lists and I am trying to select eigth li element from both the lists. For that I use following query:

```
$('ol > li').eq(7).css('border-bottom','2px solid black');

```

But this query select the li from the first list. Why is it so?

```
<!doctype html>
<html>
<body>
<br><h1>3.2 Reducing the Selection Set to a Specified Item</h1><br>
<h2>Eastern Conference</h2>
<ol id="east">
<li>Boston Bruins</li>
<li>Washington Capitals</li>
<li>New Jersey Devils</li>
<li>Pittsburgh Penguins</li>
<li>Philadelphia Flyers</li>
<li>Carolina Hurricanes</li>
<li>New York Rangers</li>
<li>Montreal Canadians</li>
<li>Florida Panthers</li>
</ol>
<h2>Western Conference</h2>
<ol id="west">
<li>San Jose Sharks</li>
<li>Detroit Red Wings</li>
<li>Vancouver Canucks</li>
<li>Chicago Blackhawks</li>
<li>Calgary Flames</li>
<li>St. Louis Blues</li>
<li>Columbus Blue Jackets</li>
<li>Anaheim Ducks</li>
<li>Minnesota Wid</li>
<li>Nashville Predators</li>
</ol>
<script src='jquery.js'></script>
<script>
$('ol > li').eq(7).css('border-bottom','2px solid black');
</script>
</body>
</html>

```