javascript / jQuery在检索数据后自动更新div中的数据

Question

我正在构建一个Ruby on Rails应用程序，我正在执行Ajax请求以检索一些数据，对其执行计算并将其放在页面上。该页面将每隔30秒左右对来自数据库的新数据执行这些计算，因此这意味着我需要保持Ajax请求中的原始数据不变。当我检索原始数据时，我会使用jQuery将其放入div中，如下所示：

$('#info').data('original', data);

然后获取该数据对象并在其上运行所述计算。计算完成后，我将它放在同一个div中的单独数据属性中，如下所示：

$('#info').data('modified', data);

修改后的数据＆＃39;属性转到页面，当时间到来时，它从数据库中提取新数据，来自div的原始数据被传递给一个计算方法，然后被放回到修改过的＆＃ 39;要在页面上显示的属性：

function calculate(data) {
    // doing some stuff here
    $('#info').data('modified', data);
}

var data = $('#info').data('original');
calculate(data);

所有这一切都运行得很好，但是当第一次计算正在运行时，似乎原来的＆＃39; div中的属性被正在计算的数据覆盖，即使我没有明确告诉它这样做。有没有人对为什么会发生这种情况有任何见解？