title: jQuery metadata, how to get the value?
body: <p>I'm having a tough time getting the value of a key in the data attribute. I'm using the jquery metadata plugin.</p>
  
  <p><strong>jQuery:</strong></p>
  
  <pre><code>jQuery.metadata.setType("attr", "data");
  
  $('ul li').each(function () {  
     console.log($(this).metadata())
  });
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;ul&gt;
     &lt;li data="{someKey:'someValue',anotherKey:'anotherValue'}"&gt;Some List Item&lt;/li&gt;
     &lt;li data="{someKey:'someValue2',anotherKey:'anotherValue2'}"&gt;Some List Item 2&lt;/li&gt;
     &lt;li data="{someKey:'someValue3',anotherKey:'anotherValue3'}"&gt;Some List Item 3&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I am outputting the object, but have no idea how to get at the value. I've tried <code>$(this).metadata().someKey</code> and <code>$(this).metadata('someKey')</code> and now I am grasping for straws.</p>
  
  <p><img src="https://i.stack.imgur.com/V0rDZ.png" alt="alt text"></p>