Слайдер JQuery сломал стиль при скольжении / перетаскивании

Question

У меня есть несколько ползунков jquery на одной странице, и если я перемещаю / перетаскиваю один ползунок, это меняет стили всех других ползунков.

Я хочу создать результирующий HTML как чаще, чем

Я не могу реализовать это в jsfiddle, потому что здесь много массивов и циклов, есть ссылка на основную часть http://jsfiddle.net/jenishkottaram/UD9xK/12/ Вот код

drawSlider: function(elementId, sliderMax, sliderVal) {

    $(".slider_class").each(function() {
        $(this).empty().slider({
            range: "max",
            min: 0,
            max: sliderMax,
            value: sliderVal,
            step: 100,
            slide: function(event, ui) {
              {

                      //some more code goes here
       }


            }
        });

    });

 //This prints the slider


                    $('#account-wrapper-holder').append('<div class="account-wrapper">' +
                        '<h6>' + aName[j] + ':' + aNum[j] + '</h6>' +
                        '<p><span id="text-tot-allocate-value' + aName[j] + aNum[j] + '">Current cash balance: $' + balanceRange[j] + '</span>' +
                        '<span>Total to allocate:<input type="text" id="tot-allocate-value' + aName[j] + aNum[j] + '" value="' + balanceRange[j] + '" onchange="s.setValue(parseInt(this.value))"/></span></p>' +
                        '<div class="slider_class"><div class="cash-slider" id="slider-' + aName[j] + aNum[j] + '"></div>' +
                        '<span class="value">0</span><span class="var-account-total-balance" style="float:right;">$0</span></div>'
                    );

                    _this.drawSlider('slider-' + aName[j] + aNum[j] + '', sumOfCurrencyBalances, balanceRange[j]);