Javascript-在下拉列表中更改文本

我有以下代码，它生成一个下拉菜单/选择器。选择一个选项后，主显示将更改为该选项。虽然我无法编辑实际代码，但我可以使用这个JQuery编辑文本

<fieldset class='topic'> 
<div class='style_picker validatable translate'> 
<label class='topic_style' for='style'> 
Select a topic type:
</label> 
<div class='validatable' id='style_picker'> 
<div class='selector'> 
<span class='selection'></span> 
<span class='handle'></span> 
</div> 
<ul type='none'> 
<li class='ice'> 
<span class='style_item'></span> 
<span class='copy'> 
ice
</span> 
</li> 
<li class='earth'> 
<span class='style_item'></span> 
<span class='copy'> 
earth
</span> 
</li> 
<li class='wind'> 
<span class='style_item'></span> 
<span class='copy'> 
wind
</span> 
</li> 
<li class='fire'> 
<span class='style_item'></span> 
<span class='copy'> 
fire
</span> 
</li> 
<li class='water'> 
<span class='style_item'></span> 
<span class='copy'> 
water
</span> 
</li> 
</ul> 
</div> 

我想把“火”改成“时间”。如果我使用上述代码，选择将更改，但主显示仍为“fire”。有人能提供关于如何解决这个问题或我应该做什么的见解吗？我想这条线是负责的

<span class='selection'></span> 

---

但我不确定。谢谢

您没有在ready函数中正确关闭“}”。将其更改为：

(function ($) {
    $(document).ready(function () {
        $('.topic .style_picker li.fire span.copy').text("time");
    });
})(jQuery);

---

我修正了这一点-它在代码中实际上更大，我只是把它砍掉了。但那个错误不是我的问题。。。这并不是说它不起作用——我不知道如何让它起作用。代码更改的部分和我想要更改的部分不一样。。。该代码更改菜单文本，但不更改主显示。你知道怎么让它出现吗？一定是出了什么问题，因为它在JSFIDLE中工作

(function ($) {
    $(document).ready(function () {
        $('.topic .style_picker li.fire span.copy').text("time");
    });
})(jQuery);