title: Store and use an array using the HTML data tag and jQuery
body: <p>I am attempting to store an array in the HTML data tag. For example:</p>
  
  <pre><code>&lt;div data-locs="{'name':'London','url':'/lon/'},{'name':'Leeds','url':'/lds'}"&gt;
  </code></pre>
  
  <p>I am accessing that data using jQuery. I realise that this is stored as a string, and I've tried various methods to convert it to an array, but I've hit a wall. If you take a look at this jsFiddle page you'll see a full example of what I'm trying to do.</p>
  
  <p><a href="http://jsfiddle.net/B4vFQ/" rel="noreferrer">http://jsfiddle.net/B4vFQ/</a></p>
  
  <p>Any ideas?</p>
  
  <p>Thanks!</p>