Выпадающий список

[Index.html]

Доброго времени суток! На html страничке есть две формы: поле, выпадающий список и кнопка отправить.

Сейчас все написано таким образом, что после нажатия на кнопку отправить, формы скрываются и появляется Текст №1.

Задача стоит такая: нужно при выборе из выпадающего списка пункта "Лук" показать Текст №1. При выборе пункта "Картошка" показать Текст №2.

HTML

<form action="cart/order" method="post"> 
    <div class="Descr successHide">
    <div class="oT2 successHide">
<table><tbody> 

<tr>
<td>Выбор:</td> 
<td> 
<select name="ogorod" >
<option >Выберите из списка</option>
<option value="Лук">Лук</option>
<option value="Картошка">Картошка</option>
</select>
</td> 
</tr>

<tr> 
<td>ФИО:</td> 
<td> 
<div class="inputText">
<input type="text" name="fio" ></div> 
</td> 
</tr>

<tr>
<td class="empty">&nbsp;</td> 
<td><div class="Buttons"> 
<div class="button red send" ><b>Отправить</b></div> 
</div></td> 
</tr> 

</tbody></table>
</div></div>  

<div class="Descr successShow" >
<div class="Title">Текст №1</div></div>

<div class="Descr successShowB" >
<div class="Title">Текст №2</div></div>
</form>

Js

var initCart = function(block){
	// Сохранение
    $("form .Buttons .send",block).click(function(){
        $(this).unbind();
        $("form",block).submit(function(){
            $(this).ajaxSubmit({
                success: function(data) {
                    if (data=='ok')  {
                        $(".successHide",block).hide();
                        $(".successShow",block).show();
   } else {
                        block.html(data);
                        initOrderForm(block);
                    }
                }
            });
            return false;
        }).submit();
        return false;
    });