Вложенные методы, лучшая практика

В настоящее время я возился с ajax-методом jQuery для получения некоторых данных из JSON-ленты и анимации некоторых баров в соответствии с этими данными.

Пока я возился, я не совсем понимаю, правильный ли у меня подход.

$.ajax({

    url: "/echo/json/",
    type: "POST",
    data: data,
    success: function(data){


    $("#value1-bar .usage-bar-fill").animate({
        width: data.Value1
        }, 2500, function() {
        // Animation complete.
    });

    $("#value2-bar .usage-bar-fill").animate({
        width: data.Value2
        }, 2500, function() {
        // Animation complete.
    });

    },
    dataType: "json"
});

Можно ли анимировать div'ы внутри метода ajax, или есть более правильный способ сделать это - с точки зрения форматирования, памяти и т.д.?

Лучше ли каким-то образом возвращать некоторые переменные из метода ajax и выполнять метод анимации вне метода ajax?

Посмотрите пример jsfiddle здесь: http://jsfiddle.net/timkl/KPvCj/

Я знаю, что это довольно широкий вопрос, но будучи графическим дизайнером и веб-дизайнером-самоучкой, я никогда не знаю, является ли то, что я делаю, хорошей практикой.