title: Is there a good way to attach JavaScript objects to HTML elements?
body: <p>I want to associate a JavaScript object with an HTML element. Is there a simple way to do this?</p>
  
  <p>I noticed <a href="http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html" rel="noreferrer">HTML DOM</a> defines a setAttribute method and it looks like this is defined for arbitrary attribute name. However this can only set string values. (You can of course use this to store keys into a dictionary.)</p>
  
  <p><strong>Specifics</strong> (though I'm mostly interested in the general question):</p>
  
  <p>Specifically, I have HTML elements representing nodes in a tree and I'm trying to enable drag-and-drop, but the jQuery drop event will only give me the elements being dragged and dropped.</p>
  
  <p>The normal pattern for getting information to event handlers seems to be to create the HTML elements at the same time as you are creating JavaScript objects and then to define event handlers by closing over these JavaScript objects - however this doesn't work too well in this case (I could have a global object that gets populated when a drag begins... but this feels slightly nasty).</p>