Форма PHP не работает после того, как jQuery заменит объект INPUT

У меня есть форма с выбранным объектом. Параметры создаются с использованием PHP из базы данных mySQL. У меня также есть "новая" доступность. если пользователь выбирает "новый", я использую функцию jQuery - replaceWith, чтобы изменить объект select на объект типа ввода = "текст".

Все это отлично работает, кроме как после отправки формы PHP $ _POST ['description'] [0] пуст. Почему это так? Ниже я скопировал привязку объекта select и jQuery.

JQuery:

$(function() {
    $('select#description').change(function() {
        if ($(this).val() == 'new')
        var x = $(this).attr('name');
        $(this).replaceWith('<input type="text" name="description" id="description">');
        $('input#description').attr('name', x);
        $('input#description').attr('id', x);
    });
});

HTML/PHP:

<td>
   <select id='description' name='description[$i]'>
                        <option value=''></option>
                        <option name='[$i]' value='new'>new</option>";
                        echo $list = $this->desc_list();
echo "      </select>
 </td>

Это результат, который я ищу:

<select id='description' name='description[0]'>
<option value></option>
<option value='new'>new</option>
<option value='1'></option>
</select>

Если value = '1', нет описания, потому что, когда PHP сохранил последнюю запись, он был пуст. Когда пользователь выбирает "новый", код меняет объект select на это:

<input type='text' name='description[0]' id='description[0]'>

Код следующей страницы может быть простым, как

echo $_POST['description'][0]

Но он не будет повторять то, что было напечатано в текстовом поле. Почему последняя запись пуста?