更改<option>元素的內容

Question

我有一個select小部件，其中包含一些AJAX增強功能。

<select id="authors"> 
    <option value="1">Foo Bar</option> 
    <option value="2" selected="selected">Bar Baz</option> 
</select> 

現在，如果選擇的選項發生變化，我想更改「內容」（例如「Foo Bar」和「Bar Baz」）。我怎麼用jQuery來做到這一點？我嘗試了以下，但顯然，它不起作用。

$('#authors').change(function(){ 
    $('#authors option[selected=selected]').html('new content'); 
}); 

/編輯：澄清，'#authors option[selected=selected]'正常工作選擇器，它選擇正確的option DOM元素。但.html('new content')什麼都不做。

第二編：好的，這很尷尬。我在Chrome的JavaScript控制檯中嘗試了我的代碼，但沒有任何效果。在jAndy清楚地證明它在jsFiddle中工作後，我在FireBug控制檯中嘗試了它，並且它在那裏工作。教訓:-)

Answer 1

嘗試：

$('#authors').find('option:selected').html('new content'); 

例如：http://www.jsfiddle.net/4yUqL/38/

Answer 2

$("#authors option:selected").html('new content');