как изменять информационное собщение при изменении value selecta

выберите тариф
<select name=»tarif» id=»tarifff» onChange=»tariffs()»>
<option value=»Тестовый период»>Тестовый период</option>
<option value=»Стандартный»>Стандартный</option>
<option value=»Средний»>Средний</option>
<option value=»Максимальный»>Максимальный</option>
</select><br/>

<div id=»test» style=»display: block;»>бесплатно на 5 дней</div>
<div id=»st» style=»display: none;»>вы выбрали тариф станд</div>
<div id=»mid» style=»display: none;»>вы выбрали тариф сред</div>
<div id=»max» style=»display: none;»> вы выбрали тариф макс</div>

<script type=»text/javascript»>

function tariffs(){
tarvibor = document.getElementById(‘tarifff’).value;

if (tarvibor==’Тестовый период’){
$(‘#test’).css(‘display’,’block’);
$(‘#st’).css(‘display’,’none’);
$(‘#mid’).css(‘display’,’none’);
$(‘#max’).css(‘display’,’none’);
}
if (tarvibor==’Стандартный’){
$(‘#test’).css(‘display’,’none’);
$(‘#st’).css(‘display’,’block’);
$(‘#mid’).css(‘display’,’none’);
$(‘#max’).css(‘display’,’none’);
}
if (tarvibor==’Средний’){
$(‘#test’).css(‘display’,’none’);
$(‘#st’).css(‘display’,’none’);
$(‘#mid’).css(‘display’,’block’);
$(‘#max’).css(‘display’,’none’);
}
if (tarvibor==’Максимальный’){
$(‘#test’).css(‘display’,’none’);
$(‘#st’).css(‘display’,’none’);
$(‘#mid’).css(‘display’,’none’);
$(‘#max’).css(‘display’,’block’);
}
};
</script>