具有动态选项的多个选择标记

Question

我有一个包含多个选择标记的网站。

因此，当我在选择标记1中选择一个团队时，我希望该团队中的所有玩家都出现在最近的选择标记（2）播放器中。我已经完成了所有玩家的抓取，我已经准备好了我的结果。但是当我使用javascript更新select标签时，我遇到了问题，要么所有播放器标签都更新为相同的值，要么没有。 所以！我的问题是我只想更新下一个（.player）选择标记而不是每个.player标记？

这是一个 DEMO

<div>
    <i>1</i>
    <select class="country">
        <option selected="selected">Team</option>
        <option value="England">England</option>
        <option value="Italy">Italy</option> 
    </select> 
</div> 
<div>
    <i>2</i>
    <select class="player">
           <option selected="selected">Player</option>
    </select>
</div>
<div>
    <i>1</i>
    <select class="country">
        <option selected="selected">Team</option>
        <option value="England">England</option>
        <option value="Italy">Italy</option>
    </select>
</div>
<div>
    <i>2</i>
    <select class="player">
        <option selected="selected">Player</option>
    </select>
</div>

$(document).ready(function() {
    $(".country").change(function() {
        $(this).next(".player").html("<option value='test'>test</option>");
    });
});