title: Custom HTML attributes and jQuery
body: <p>I am often needing to store little pieces of reference in a page element, most of the time a <code>&lt;div&gt;</code>. I couldn't find too much documentation on how valid it would be to create my own attributes. What do you suggest is the most valid way of doing this or can I even do this? If so, can I just use jQuery's attr() call to get the reference?</p>
  
  <p>example : <code>&lt;div class="sample" dataref="Sample Data Reference"&gt;&lt;/div&gt;</code></p>