is it possible to store multiple key/values inside 1 data attribute?
<p>I was wondering if it is possible to store multiple key/values inside a <code>data-attr</code> like:</p>

<pre><code>​&lt;a href="#" data-social="network:facebook; socialId:123456789" id="facebook"&gt;Facebook&lt;/a&gt;
</code></pre>

<p>and then when using them in my script just pick at them like <code>$('#facebook').data('social.socialId');</code> or something like that instead of having to break each of them up into their own attribute?</p>
