Almacene y use una matriz usando la etiqueta de datos HTML y jQuery

Estoy intentando almacenar una matriz en la etiqueta de datos HTML. Por ejemplo:

<div data-locs="{'name':'London','url':'/lon/'},{'name':'Leeds','url':'/lds'}">

Estoy accediendo a esos datos usando jQuery. Me doy cuenta de que esto se almacena como una cadena, y he probado varios métodos para convertirlo en una matriz, pero me he topado con una pared. Si echa un vistazo a esta página jsFiddle, verá un ejemplo completo de lo que estoy tratando de hacer.

http://jsfiddle.net/B4vFQ/

¿Algunas ideas?

¡Gracias!

Respuestas a la pregunta(3)

Su respuesta a la pregunta