jquery - In Javascript: Load some collection of data, randomly sort it, return it for output -

I am loading some XML data, making it in an unreserved list and displaying it. Now I need to sort this data, so it is displayed in random order every time it loads. I need to completely change how I am doing this down or An easy way to produce it before using your existing code ? Formatting is to obtain and solve the data

Here is the direct load and display code:

  var out = '& lt; Li & gt; '; . $ (Xml) .find ('person') each (function () {counter_image = $ (this) .find ('person_image') text ();. PERSON_NAME = $ (this) .find ( 'PERSON_NAME') text ();. Person_title = $ (this) .find ('person_title') text (); on top person_company = $ (this) .find ('person_company') text (); out = outside + '
  
 You can create a different array of lengths in the form of the number of "person" elements in your XML Fill this array with the key XML element (0 to  n ) and randomly sort it using your function. So just keep the item shifting from this array and use the values ​​you get to use the collection of XML elements. 
 
 In this way, you will not need to manipulate XML data (eliminating the original structure) and you already have most codes.