Textarea с jQueryUI изменяемым размером сохраняет размеры после переключения

Ниже приводится пример тестовой программы кода, которая имитирует проблему, с которой я столкнулся. В основном, когда не используется resizable () для текстового поля, нажатие на «Content [+/-]» позволяет сворачивать набор полей и текстовое поле не отображается. Однако при использовании изменяемого размера нажатие на «Содержимое [+/-]» приводит к скрытию текстовой области, Я могу добавить любое количество новых полей ввода, текстового поля, cmbbox и т. Д. Но проблема в том, что когда я выполняю sumbit формы, PHP ...

У меня есть форма, динамически сгенерированная с помощью метода .append () из jQuery. Я могу добавить любое количество новых входных данных, текстовых полей, cmbbox и т. Д.

Но проблема в том, что когда я выполняю sumbit формы, цель PHP не получает новый добавленный ввод, а только подключенные переменные к входу уже в форме перед append ().

Есть идеи?

Javascript:

$("#button").live('click',function add(){
   $("#list").append(
       '<li style="height:20px;">'
    +'<input type="text" class="text" id="prova" name="prova[]" value="prova">'+ 
       '</li>'
   );
});

HTML:

<input type="submit" id="button" value="Add input">
<form name = "form" id="form" action="post.php" method="POST">
   <ul style="width:670px;padding:0px 0px 30px 0px" id="list">
   </ul>
   <input type="submit" id="submit" value="Submit">
</form>

PHP:

<?php
  print_r($_POST);
?>