problem between vaadin, javascript on IE ????

I just find this error with a jquery component that I added to my project, only happens with Internet Explorer 10, 11 .

Im using the
Sortable
library from jquery, and build a json object with the order and info of the components on the list. On the javascript the json is created something like:

{  sortableview1 :   [  {     id: item1 , desc: item no1 ,  orderinlist: 1  }  ,           
                        {     id: item2 , desc: item no2 ,  orderinlist: 2  } ,
                       {     id: item3 , desc: item no3 ,  orderinlist: 3  } ,
                      {     id: item4 , desc: item no4 ,  orderinlist: 4  } ,
                      {     id: item5 , desc: item no5 ,  orderinlist: 5  }  ]    }

how ever on the server side Im getting this:

{  sortableview1 :   [  {    id: item5 , desc: item no5 ,  orderinlist: 5   }  ,           
                        {    id: item5 , desc: item no5 ,  orderinlist: 5  } ,
                       {     id: item5 , desc: item no5 ,  orderinlist: 5  } ,
                      {     id: item5 , desc: item no5 ,  orderinlist: 5   } ,
                      {     id: item5 , desc: item no5 ,  orderinlist: 5  }  ]    }

I haven’t discarded complety the javascript, I have to run to an appointment, and I didnt finish checking the last part of the javascript that creates the json object , but since on Chrome, FireFox, and other browsers the json object is ok, I dont think thats it.

my js is something like this (Tomorrow I will add the code I actually use) :

var sortedIDs = $( ".selector" ).sortable( "toArray" );
var myjson = { };
$.each( sortedIDs, function(index, value ) {

      var desc =  document.getElementById(value).desc;

      var item = {}
      item['id']
= value ;
     item['desc']
 = desc;
    item['orderlist']
 = index+1;

    myjson.push(item);
});

getArray(  sortedIDs  ,myjson )
 getArray = function(id, json) { 
             self.triggerGetArray(json);
        };

and the part on my app where I print the results:

this.addFunction("triggerGetArray", new JavaScriptFunction(){

            @Override
            public void call(JSONArray arguments) throws JSONException {        
                System.out.println(  "items:" + arguments.toString() );             
            }});

Many thanks in advance for your help.

I found out that the error is on the javascript but, I dont know why, Im not expert on why IE javascript works diferent from other browsers. The problem is with the var jsonObj = [ ]
, for some reason, the value is getting corrupted. If some one can explain me why is this happening, I will be very thankfully, for now I will create the json object on a string insted of initialize a json array.

I add my current code:

 var array = $("#" + id + "").sortable("toArray");
jsonObj = [];
jQuery.each( array, function( i, val ) {               
                   item = { };
                   var cat = document.getElementById(val);
                   var d = cat.getAttribute('data');
                   var sku =  d.substring(0,  d.indexOf('-') );
                   var desc =  d.substring(d.indexOf('-') +1,  d.length );
                   var ord =  i+1;
                      
                   item ['plu']
 = val;     
                   item ['sku']
 = sku;
                   item ['desc']
 = desc;
                   item ['order']
 = i+1;
                   
                   jsonObj.push(item);           
            });