separating list items in listview

separating list items in listview

I am not sure if my problem is jquery or jquery mobile related but here goes.
I have an array which contains 3 arrays... numbers as strings. I change the class of each element to appear as a circle. When I enter them into a listview I would like 1 array per line but I am getting all 3 as the first list item, then the 2nd and 3rd as the second list item, and finally the 3rd array as the final list item.
I am thinking my problem is something to do with my $.each loop but I am baffled.
Link to my fiddle:  myfiddle
Thanks for any guidance.