jquery textarea изменить размер изменить размер родительского div

Question

я пытаюсь сделать так, чтобы при изменении размера текстовой области размер содержимого div тоже был изменен. Моя проблема не в том, чтобы установить размер содержащего элемента div, а в том, чтобы захватить и увеличить (?) События изменения размера текстовой области.

Я еще новичок в этом деле и прочитал все, что смог найти. Но большинство вещей, которые я пробовал, убили мой макет и ничего не сделали.

Итак, мне нужен толчок в правильном направлении.

Я использую Jquery 1.6 и Jquery UI 1.8.11.

Это код:

<div class="ui-layout-north" style="border-bottom-style: dotted;
border-bottom-color: silver;">
           <form id="add_ticket" method="post" action="">
           <div id="tdescr" class="overlabel-wrapper">
                   <label class="overlabel overlabel-apply" for="descr" style="text-indent: 0px; cursor: text;">Enter the description</label>
                   <textarea id="text" class="required" tabindex="1" maxlength="1024" name="text" style="width:99%;"></textarea>
           </div>
           <div class="buttons">
                   <input type="button" name="Test_neo4j" value="Test Neo4j REST API" onclick="get_root()">
           </div>
        </form>           
</div>

Это JS:

$( "#text" ).resizable({ alsoResize: '.ui-layout-north' });

В jsFiddle похоже, что он работает правильно. Но на моей странице вылетает макет. Граница текстовой области и ручка изменения размера больше не видны, кнопка над текстовой областью ......

Сбой Layoutcrash происходит только при добавлении кода js.

Есть предложения ??

Торстен