title: jQuery Core/Data or Custom Attributes(Data-Driven)
body: <p>A similar question was asked <a href="https://stackoverflow.com/questions/934463/html-javascript-how-to-store-data-referring-to-html-elements">here in storing information in a given html element.</a></p>
  
  <p>I'm still green to jQuery, but I'm looking for the best way to store information on the page. I have a Repeater that holds one image per item. These images are clickable and can fire a given jQuery event. The issue I'm having is, the objects that the Repeater is bound to holds some specific information(such as "Subtext", "LargerImage", etc) which I would like to be accessible from the page.</p>
  
  <p>Core/Data in jQuery accomplishes this just fine, however we would still need to build the jQuery statement from C#, as all the data is stored on the server. To clarify a bit, this is storing information on the page from a database, which is a bit different than arbitrary information being made available through jQuery.</p>
  
  <p>I'm not restricting this question to "how to bind a custom attribute to an element", because I did come across an idea of generating a JS Struct from the C# codebehind to store information, but I'm avoiding any code generating code scenarios(or trying to).</p>
  
  <p>Custom Attributes from HTML5(ie, "data-subtext") are also a possibility as I can easily add those from the itemdatabound event:</p>
  
  <pre><code>sampleImageElement.Attributes.Add("data-subtext", "And this what the image is about");
  </code></pre>
  
  <p>I'm a bit confused on browser support for this specific attribute though, or if it is even best practice so early in the game. If custom attributes are the way to go, that's an easy change to make happen. If jQuery can accomplish the same, I'd love to be pointed that way at least for my own understanding.</p>
  
  <p>Any thoughts are greatly appreciated.</p>