data objects

data object inline html

by James Doyle

HTML

<div data-widget="{'tip': 'my tip content'}"></div>

CSS

body {
    margin: 3em;
}

em a {
    font-weight:bold;
    color: hotpink;
    text-decoration: none;
}

JavaScript

var widgetData = $("div").data("widget");
$("div").html("<em><a href='#'>"+widgetData.tip+"</a></em>");