Обновить атрибут data-id для элемента li Nestable не обновлять

У меня проблема с Nestable. Когда я использую

var updateOutput = function (e) {
var list = e.length ? e : $(e.target),
    output = list.data('output');
if (window.JSON) {
    output.val(window.JSON.stringify(list.nestable('serialize'))); //, null, 2));
} else {
    output.val('JSON browser support required for this demo.');
}

};

$('#element').attr({'data-id':'newvalue'});
updateOutput($('.nestable').data('output', $('#nestable_list_output')));

Я не вижу изменения в выходе. Когда я просматриваю наш хром, я вижу, что идентификатор данных этого элемента изменился. Пожалуйста, помогите мне. Это полный дух

function Update_This_Menu(){
$('.update-this-menu').click(function(){
    var RootElement = $(this).parent().parent().parent();
    var NameMenu = RootElement.find('.NameThisMenu').val();
    var TitleMenu = RootElement.find('.TitleThisMenu').val();
    if(NameMenu == ''){
        RootElement.find('.NameThisMenu').addClass('parsley-error');
    }
    else {
        RootElement.data({'name':NameMenu});
        RootElement.data({'title':TitleMenu});
        updateOutput($('.nestable').data('output', $('#nestable_list_output')));
        RootElement.find('.form-edit-menu').hide('slow');
    }

});
}

Это функция удаления MENU в порядке

function Remove_Menu(){
$('.remove-this-menu').click(function(){
    var RootElement = $(this).parent().parent().parent();
    RootElement.remove();
    updateOutput($('.nestable').data('output', $('#nestable_list_output')));
});
}

Извините за мой английский