プルダウンで選ぶと表示されるリストを作成したい

例えば、国名を選ぶと、その国の人口が表示されるUI。

html

<form>

<select id="country">

<option selected>国名をお選びください</option>

<option value="0">日本</option>

<option value="1">アメリカ</option>

<option value="2">中国</option>

<option value="3">インド</option>

</select>

</form>

<dl id="result">

<dt>日本</dt>

<dd>127,450,460</dd>

<dt>アメリカ</dt>

<dd>314,659,000</dd>

<dt>中国</dt>

<dd>1,338,299,500</dd>

<dt>インド</dt>

<dd>1,170,938,000</dd>

</dl>

css

dl#result dd{

display:none;

}

dl#result dt.show+dd,

{

display:block;

}

javascript

$(function(){

$('#country').change(function(){

var c = $('#country').val();

$('dl#result dt').eq(c).addClass('show').siblings().removeClass('show');

});

});