Av ren tur så hittade jag detta plugin till jQuery för att hantera metadata på HTML-element. Perfekt om man vill slippa ha massa gömda input-fält med information som behövs för att använda AJAX eller liknande uppdateringar. Den har även stöd för HTML5 attributet data, wonderful!
Användningen är rätt simpel, på HTML elementen sätter man bara:
<li class="someclass {some: 'data'} anotherclass">...</li>
eller
<li data="{some:'random', json: 'data'}">...</li>
eller
<li><script type="data">{some:"json",data:true}</script> ...</li>
eller
<li data-some="'random'" data-json="'data'">...</li>
Och i javascriptet kommer man åt det via:
var data = $('li.someclass').metadata();
if ( data.some && data.some == 'data' )
alert('It Worked!');
