I have been searching and trying to find a solution for this but unfortunately can't get my way round it. I have multiple jQuery UI sliders which all have their values on sliding from an array. At the end I am trying to get the value of the slider and add it up with the other sliders. Here is the code for only two sliders:

1.     $(function () {
2.         var labelArr = new Array(0, 200, 400, 600);
3.         $("#slider").slider({
4.             values: 0,
5.             min: 0,
6.             max: labelArr.length - 1,
7.             slide: function (event, ui) {
8.                 mbdata = labelArr[ui.value] + $("#slider_2").slider("value") + $("#slider_3").slider("value") + $("#slider_4").slider("value") + $("#slider_5").slider("value") + $("#slider_6").slider("value");
9.                 g1.refresh(mbdata);
10.             }
11.         });
12.     });
13.     
14.     $(function () {
15.         var labelArr = new Array(0, 300, 900, 1200);
16.         $("#slider_2").slider({
17.             value: 0,
18.             min: 0,
19.             max: labelArr.length - 1,
20.             slide: function (event, ui) {
21.                 mbdata = labelArr[ui.value] + $("#slider_3").slider("value") + $("#slider").slider("value") + $("#slider_4").slider("value") + $("#slider_5").slider("value") + $("#slider_6").slider("value");
22.                 g1.refresh(mbdata);
23.             }
24.         });
25.     });

The first slider works good, but unfortunately when I slide the second one the values are not showing the array ones but simply 1 , 2 , 3

Can someone please try giving me some help

Many thanks