asp.net возвращает содержимое частичного представления

Question

Я пытаюсь динамически добавить строку в свою таблицу в скаффолде Create ...

Я использовал JavaScript, чтобы кнопка добавляла HTML-код в самый верхний элемент div.

 <div class="form-group">
            <button class="control-label col-md-2" id="btnAddField">Add Question with One Answer</button>

            <div class="col-md-10">

                @using (Html.BeginForm())
                {

                    <div id="fields"></div>

                }


                <div style="color:blue"><b>Data:</b> @ViewBag.Data</div>
                <!-- JS includes -->
                <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

                <script type="text/javascript">

                $(document).ready(function () {
                    var $fields = $('#fieldsTop');
                    $('#btnAddField').click(function (e) {
                        e.preventDefault();

                        $('@Html.Partial("_SingleQuestion")').appendTo($fields);
                    });
                });

                </script>
            </div>
        </div>

Это, очевидно, дублируется при нажатии на btnAddField.

Если _SingleQuestion открывается, страница отправляется.В противном случае, например, если я наберу тест, добавляется div.Почему страница публикуется и как я могу предотвратить это?

Почему, когда я пытаюсь динамически добавить div с группой классов, моя страница публикуется?