在ajax修改dom元素后，Marque重新开始

Question

<table>
    <tbody id="output">
    </tbody>
</table>

$(document).ready(function() {
    $.ajaxSetup({ cache: true });
    refreshDiv();
});

function refreshDiv()
{
    dataString = 'x=fetchData';
    $.ajax({
        type: "POST",
        url: "ajaxpage.php",
        data:dataString,
        dataType: 'json',
        success: function(result){
            $('#output').html(result.tabledata);
        },
        complete: function() {
            setTimeout(refreshDiv, 5000);
        }
    });
}

ajaxpage.php

$str = '';
$data = fetchFromDatabase();
foreach ($data as $dd)
{
    $str .= '<tr><td>column1</td><td>column2</td><td><marquee>Marquee with some long text</marquee></td><tr>';
}
echo json_encode(array('tabledata' => $str));
exit();

我每5秒使用ajax在表格主体上方填充一次。 行列之一包含选取框。由于表主体每5秒更新一次，因此选取框会重新开始。

在这种情况下，有什么办法可以保持字幕的位置。