IE8与jquery ajax的奇怪行为

Question

我有一个有表格的iframe。当我按下“发送”按钮时，jquery函数处理“click”事件并通过ajax发送表单。然后将ajax的返回写在文档中的div上。简单，不是吗？这适用于所有浏览器，IE8除外。在IE8中，当ajax“done”函数在div中写入请求的答案时，表单变得完全混乱，因为它没有样式类。 这是代码：

<form class="ux-form" id="mailForm" name="mailForm">
    <label for="subject">Assunto</label>
    <input type="text" id="subject" name="subject" value="" />
    <label for="nome">Seu nome</label>
    <input type="text" name="nome" id="nome" value="" />
    <label for="email">Seu e-mail</label>
    <input type="text" name="email" id="email" value="" />
    <label for="comentarios">Mensagem</label>
    <textarea name="comentarios" id="comentarios" rows="6"></textarea>
    <input class="btn btn-prime" type="button" value="    Enviar    " />
    <input class="btn btn-prime" type="reset" value="   Limpar   " />
</form>

<div id="reply"></div>

<script type="text/javascript">
    $(function(){
        $('#mailForm').find('input[type="button"]').off('click').on('click', function(e){
            e.preventDefault();

            $('#reply').empty();

            $.ajax({
                url:'faleconosco.reply.php',
                type:'POST',
                cache:false,
                dataType:'html',
                data:$('#mailForm').serialize()
            })
            .done(function(result){
                $('#reply').html(result);
            })
    });
});
</script>

感谢您的帮助。