Добрый день. Помогите, пожалуйста. Я в этом деле новичок и изъясняюсь не очень )).

Есть таблица и при нажатии кнопки Добавить появляется форма. После заполнения при нажатии Отправить должна появиться обратно таблица с уже добавленной строкой.

Делала с помощью replaceWith() все хорошо, когда я нажимаю на Добавить появляется форма. А вот когда нажимаю Отправить, таблица обратно не появляется. Судя по всему она удаляется. Как лучше сделать, чтобы обратно появлялась таблица.


<form id="add" class="rf" name="add" method="post" action="/api/firm" style="display: none;">
            <label>Название организации:</label>
            <input class="input_text" type="text" name="namefirm"/> <br>
            <label>Адрес:</label>
            <input class="input_text" type="text" name="addressfirm"/>
            <input class="btn_on disabled" id="btn_on" value="Отправить данные" onclick="showDiv()"/>
            <input class="btn_cancel" id="btn_cancel" value="Отмена" onclick="showDiv()"/>
 </form>


        <table name="AllFirms" class="tableFirms">
            <tr>
                <th>№</th>
                <th>Название</th>
                <th>Адрес</th>
            </tr>
        </table>

Не увидел у вас в верстке ничего, что называлось бы "Добавить"

Этот ответ добавлен с нового Винграда - http://vingrad.com

Не увидел у вас в верстке ничего, что называлось бы "Добавить"

Этот ответ добавлен с нового Винграда - http://vingrad.com

Не увидел у вас в верстке ничего, что называлось бы "Добавить"

Этот ответ добавлен с нового Винграда - http://vingrad.com

Не увидел у вас в верстке ничего, что называлось бы "Добавить"

Этот ответ добавлен с нового Винграда - http://vingrad.com

Не увидел у вас в верстке ничего, что называлось бы "Добавить"

Этот ответ добавлен с нового Винграда - http://vingrad.com

<div class="content-sprav-center">

    <div id="formFirms">
        <form id="add" class="rf" name="add" method="post" action="/api/firm" style="display: none;">
            <label>Название организации:</label>
            <input class="input_text" type="text" name="namefirm"/> <br>
            <label>Адрес:</label>
            <input class="input_text" type="text" name="addressfirm"/>
            <input class="btn_on disabled" id="btn_on" value="Отправить данные" onclick="showDiv()"/>
            <input class="btn_cancel" id="btn_cancel" value="Отмена" onclick="showDiv()"/>
        </form>
    </div>


    <div id="tableFirms">
    <h2>Справочник фирм</h2>

        <table name="AllFirms" class="tableFirms">
            <tr>
                <th>№</th>
                <th>Название</th>
                <th>Адрес</th>
            </tr>
        </table>
    </div>
</div>

<div class="content-sprav-right">
    <a class="show-btn" id="show-btn-add">Добавить </a>
    <a class="show-btn" id="show-btn-update">Изменить </a>
    <a class="show-btn" id="show-btn-delete">Удалить </a>
</div>