Is adding custom attributes using jquery metadata plugin cross browser?
<p>Imagine I have some make-believe markup containing a list of books with custom attributes using the <a href="http://plugins.jquery.com/project/metadata" rel="nofollow">metadata plugin</a>.</p>

<pre><code>&lt;div&gt;
  Haruki Murakami
&lt;/div&gt;
&lt;div&gt;
  &lt;ul&gt;
    &lt;li&gt;&lt;span id="book5" data="{year: 2011}"&gt;1Q84&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;span id="book7" data="{year: 1980}"&gt;Norwegian Wood&lt;/span&gt;&lt;/li&gt;
    &lt;li&gt;&lt;span id="book9" data="{year: 2000}"&gt;Hard Boiled Wonderland&lt;/span&gt;&lt;/li&gt;
  &lt;/ul&gt;
&lt;/div&gt;
</code></pre>

<p>Is this cross browser, meaning working for all browsers (including IE6) ?
By working, I mean I don't want the attribute to disappear.</p>
