Автоматическое обновление содержимого изменено показывает только одну запись из нескольких

Question

Ниже код автообновления не выдает ошибку, но показывает только одну запись из кратных при обновлении.

Но когда я включаю и не обновляю div, он показывает все записи.

Как это показывает все записи

<div class="m-timeline-3__items">
     <?php include('orders.php'); ?>
</div>

Как это показывает одну запись:

<div id="newOrderRefresh" class="m-timeline-3__items">
</div>

orders.php

<?php
include ('inc/db.php');

$sqlx4  = "select distinct(order_id) as order_id from orders_placed where status = 0 ";
$sqlx5  = $dba2->query($sqlx4);
while ($sql6    = $sqlx5->fetch_assoc()){

    $sqlx1  = "select count(order_id) as total_items, order_id from orders_placed where status = 0 and order_id in ('".$sql6['order_id']."') ";
    $sqlx2  = $dba2->query($sqlx1);
    $sqlx3  = $sqlx2->fetch_assoc();

    $timeoid        = $sqlx3['order_id'];
    $totalItems =   $sqlx3['total_items'];
?>
<div style="width: 100%;" class="m-timeline-3__item m-timeline-3__item--info">
    <div style="margin-left: 41px; " class="m-timeline-3__item-desc">
        <div style="" class="m-timeline-3__item-text">
            Order # <font color="red"><b><?php echo $timeoid; ?></b></font>, 
            Total Items <font color="black"><b>( <?php echo $totalItems; ?> )</b></font>
        </div>
    </div>
</div>
<?php } ?>

.

var cacheData;
var data = $('#newOrderRefresh').html();
var auto_refresh = setInterval(
function () {
    $.ajax({
        url: 'orders.php',
        type: 'POST',
        data: data,
        dataType: 'html',
        success: function(data) {
            if (data !== cacheData){
                cacheData = data;
                $('#newOrderRefresh').html(data);
            }           
        }
    })
}, 1000);