title: How can I attach "meta data" to a DOM node?
body: <p>Sometimes I want to attach some kind of meta data to a HTML node and I wondered, what's the best way to do this. </p>
  
  <p>I can imagine the following:</p>
  
  <ul>
  <li>Non-standard attributes: <code>&lt;div myattr1="myvalue1" myattr2="myvalue2" &gt;</code> (Breaks validation)</li>
  <li>Re-use an existing attribute <code>&lt;div class="myattr1-myvalue2-myattr2-myvalue2"&gt;</code> (Requires parsing and some level of escaping)</li>
  </ul>
  
  <p>Both solutions are really ugly!</p>
  
  <p>Is there any way to do this more elegantly? I'm already using jQuery so any good Javascript solution, if any, is appreciated, too.</p>