JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://dl.dropbox.com/u/1722364/jsfiddle.css">
<p id="d" data-hello="world" data-pi="3.14" data-ars="http://www.arstechnica.com">The two men behind Super Meat Boy explain why  the game was released on sale, and why they asked the press to spread  the word of the price increase so no one "feels screwed." Welcome to the  world of a very unlikely indie hit.</p>

<h3>Data before</h3>
<ul id="out">
    
</ul>
    
<h3>Data after</h3>
<ul id="outaf">
    
</ul>

JavaScript

var data = $('#d').data();

for(var i in data){
    $('<li>', {
        text: i + ': ' + data[i]
    }).appendTo('#out');
    
    $('#d').attr("data-"+i,"something");
    
    $('<li>', {
        text: i + ': ' + $('#d').attr("data-"+i)
    }).appendTo('#outaf');
}