Javascript 表单提交后将内容加载到modal

我想在提交表单和显示模态之后，将内容加载到位于模态体内部的结果div，但我无法解决问题。当我想将内容加载到模式外的result div时，它可以工作，但当我在模式内使用result div时，它不能工作。 这是我目前的代码：

html:

我明白了。我应该在我的表单按钮中添加以下属性：

                            <button class="btn btn-primary" data-toggle="modal" data-target="#myModal">submit</button>

我想添加更多代码，但stackoverflow不允许：（我设法添加了更多代码：）
  <script type="text/javascript">
    $(document).ready(function() {  

        // submit form using $.ajax() method

        $('#reg-form').submit(function(e){

            e.preventDefault(); // Prevent Default Submission

            $.ajax({
                url: 'testcontroller.php',
                type: 'POST',
                data: $(this).serialize() // it will serialize the form data
            })
            .done(function(data){
                        $('#myModal').modal(), function() {
                        // do something when the modal is shown    
                            $('#result').fadeIn('slow').html(data);
                        }


            })
            .fail(function(){
                alert('Ajax Submit Failed ...');    
            });
        });

    });
    </script>

                            <button class="btn btn-primary" data-toggle="modal" data-target="#myModal">submit</button>

.done(function (data) {

                        $('#result').fadeIn('slow').html(data);

                    })