Firefox: обновлять содержимое в div, но внешнее текстовое поле также очищает его содержимое, почему?

Question

Я использую jQuery ajax для периодического вызова функции, чтобы получить последнее новое хранилище в базе данных. Я использую div для отображения отслеживания данных из базы данных, однако всякий раз, когда div обновлялся, текстовое поле, внешний тег также обновлялся, а содержимое просто исчезало. Я нахожу это только в Firefox, все работает в IE. Кто-нибудь знает почему и как решить эту проблему?

setInterval("Get()", 2000);
function Get() {
        var nickName='<%=nickName %>';
        var from = '<%=to %>';
        var time = '<%=insertTime %>';
        $.post('AjaxPages/Chat.aspx', { "type": "get", "from": from,"nickName":nickName, "insertTime": time }, function(data) {
            if (data.length > 0) {
                $('#contentDIV').html(data);
            }
        });
}

Пользовательский элемент управления HTML (я думаю, может использовать его в качестве элемента управления, поэтому в будущем мою работу не удвоят, пользовательский элемент управления внедряется в пустую веб-страницу и вызывается с помощью $ .load () на другой веб-странице):

<table style="border-style: double; border-width: 1px;width:200px;height:250px">
        <tr>
        <td>
        <div id="contentDIV" style="overflow-y:auto;height:100%;width:200px;">

    </div>
            </td>
    </tr>
    <tr>
        <td>
            <input id="Text1" type="text" /></td>
    </tr>
</table>

Answer 1

Вы не закрываете div.Это неверный HTML.Используйте это:

<div id="contentDIV" style="overflow-y:auto;height:100%;width:200px;">
</div>

<input id="Text1" type="text" />