Форумы портала PHP.SU :: Динамическая смена текста

Доброго времени суток!
сломал себе всю голову: пишу рабочий компонент под сайт (начинающий в этом деле Улыбка

). загвоздка стала в следующем: сначала код

CODE (html):
скопировать код в буфер обмена

 
<head>
<script type="text/javascript" src="{THEME}/js/jquery.js"></script>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript" src="{THEME}/js/jquery.chained.js"></script>
</head>
...
///рабочая область
 
<table width="100%" class="">
                                          <tr><td align="right" style="padding:4px;">Категория 1:</td><td>
                                                        <select id="category">
  <option value="1" selected>1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>
                                                        </td></tr>
///Собственно ниже проблемная функция
<script>
function displayVals() {
        if ( $( "#category" ).val("1") ) {
                $( "#categ3" ).text("ТЕКСТ1:") }
        else {
                        $( "#categ3" ).text("ТЕКСТ2:") } 
}
$( "select" ).change( displayVals );
displayVals();
</script>
///конец проблемной функции
 
                                                        <tr><td align="right" style="padding:4px;" id="categ3"></td><td><select id="cat3">
  <option value="1_1" class="1">1_1</option>
  <option value="1_2" class="1" selected>1_2</option>
  <option value="2_1" class="2">2_1</option>
  <option value="2_2" class="2">2_2</option>
  <option value="3_1" class="3">3_1</option>
  <option value="3_2" class="3">3_2</option>
</select></td></tr>
 
///Далее ещё пара категорий
....
///Динамическая замена списков через jQuery
<script type="text/javascript">
jQuery(document).ready(function(){
             jQuery("#cat3").chained("#category");
                 jQuery("#cat4").chained("#category");});
</script>
...
 