Нужна помощь с формой и добавления элементов

Ребята, в общем, тут такое дело. Нужно прикрутить отзывы на сайт. Я так понял, что самый нормальный вариант - статистическая страница. Но тут сразу же появляется проблема лично для меня. Проблема в следующем:
Имею отдельный шаблон для отзывов, в этом шаблоне есть форма, при отправки формы в html Документ должен вносится

<li></li>

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

<div class="box-padding">
           <div class="clearfix js-comment-form js-comment-form-landmark">
            <div class="service-comments-sorting pull-right">
                <a href="#" class="button button-purple js-show-form new-comment-button" onclick="showForm();">Написать</a>
                <span class="js-order-controls button-group">
                    <label class="button button-silver"><input class="get-out" type="radio" name="sort" value="date">По дате</label>
                    <label class="button button-silver"><input class="get-out" type="radio" name="sort" value="rating">По рейтингу</label>
                </span>
            </div>
            <h2 class="h2">Отзывы <span>(Шапка)</span></h2>
            </div>
            <div class="form-setting">
             <form action="#" class="feedbacks-form new-comment-form js-maincomment-form comment-form">
                <input type="hidden" name="owner_type" value="organization">
                <input type="hidden" name="owner_id">
                <fieldset>
                    <div class="textarea">
                        <div class="rating-holder js-user-rating-holder">
                        Моя оценка
                            <div class="stars-view stars-view-star13 clearfix" data-val data-my style="cursor: pointer;">
тут должен быть рейтинг, но он всё-равно не пашет.
                            </div>
                        </div>
                        <textarea cols="30" rows="10" name="content" placeholder="Комментарий"></textarea>
                    </div>
                    <span class="button button-silver js-send-form">Отправить</span> ------- При клике на кнопку в html страницу должны вносится li элемент
                </fieldset>
            </form>
            </div>
        </div>
         <!---- FORM LIST ---->
          <ul class="feedbacks">
/*----- Вот этот код -----*/
              <li>
                  <div class="comment-container">
                      <div class="comment-head">
                          <strong><span class="name">Анонимный пользователь</span></strong>
                          <span>оценил место на 
                             <div class="stars-view stars-view-star13 clearfix">
                                рейтинг
                             </div> и написал 19 апреля в 10:47</span>
                      </div>
                      <div class="simple-text">Бла бла бла бла, контект текста из textarea</div>
                      <div class="js-comment-form-landmark">
                          <div class="comment-bottom">
                            <span class="js-question">
                                <a href="#" class="button-comment plus" data-val="1"><b>+</b><i>0</i></a>
                                <a href="#" class="button-comment minus" data-val="0"><b>-</b><i>0</i></a>
                            </span>
                            <a href="#" rel="nofollow" class="button-comment">Ответить</a>
                          </div>
                      </div>
                  </div>
              </li>
/*----- Вот этот код -----*/
     </ul>