Перезагрузка div JQuery AJAX увеличивает размер моего div после каждого интервала обновления

Question

Я делаю проект на laravel + voyager и на одной странице я хочу перезагрузить данные из базы данных, не обновляя страницу вручную, поэтому я использовал jQuery / AJAX, перезагрузка работает, но на каждом интервале перезагрузки он меняет размер моего div и переместите навигацию и боковую панель вне div, который я обновляю. Кто-нибудь может помочь?

Я думал, что это может быть из-за версии jQuery, но я пробовал с несколькими версиями и все тот же результат.

Page (blade.php):

@extends('voyager::master')
@section('page_title', 'ACD Status')
@section('page_header')
<h1 class="page-title">
    <i class="voyager-phone"></i>
    ACD Status
</h1>
@stop
@section('content')
<div class="page-content edit-add container-fluid" id=>
    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-bordered">
                <div id="tables">
                    <div id="reload">
                        --Data Here--
                    </div>  
                </div>
                <script language="javascript" type="text/javascript">
                    var timeout = setTimeout(reloadStatus, 5000);
                    var i=0;
                    function reloadStatus(){
                        $('#tables').load('/admin/acd-status #reload',function(){
                            $(this).unwrap();
                            timeout = setTimeout(reloadStatus, 5000);
                        });
                        console.log(i++);
                    }
                </script>
            </div>
        </div>
    </div>
</div>
@stop

Любая помощь приветствуется. Изображений:

Answer 1

Удалено $ this.unwrap ()

@extends('voyager::master')
@section('page_title', 'ACD Status')
@section('page_header')
<h1 class="page-title">
    <i class="voyager-phone"></i>
    ACD Status
</h1>
@stop
@section('content')
<div class="page-content edit-add container-fluid" id=>
    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-bordered">
                <div id="tables">
                    <div id="reload">
                        --Data Here--
                    </div>  
                </div>
                <script language="javascript" type="text/javascript">
                    var timeout = setTimeout(reloadStatus, 5000);
                    var i=0;
                    function reloadStatus(){
                        $('#tables').load('/admin/acd-status #reload',function(){
                            timeout = setTimeout(reloadStatus, 5000);
                        });
                        console.log(i++);
                    }
                </script>
            </div>
        </div>
    </div>
</div>
@stop