title: JSON in Select Box Value
body: <p>I have the need to store JSON in a HTML Select object, and wondering if it's possible?</p>
  
  <p>For example: </p>
  
  <pre><code>&lt;select id="music" &gt;
    &lt;option value={mbid:123,artist:'Judas Priest'};&gt;Heavy Metal 1&lt;/option&gt;
    &lt;option value="{mbid:456,artist:'Black Sabbath'};"&gt;Heavy Metal 2&lt;/option&gt;
    &lt;option value="{mbid:789,artist:'Iron Maiden'};"&gt;Heavy Metal 3&lt;/option&gt;
    &lt;option value="{mbid:102,artist:'Accept'};"&gt;Heavy Metal 4&lt;/option&gt;
  &lt;/select&gt;
  
  $('#music').on('change', function() {
    var val = this.value;
    alert(val.mbid)
  });
  </code></pre>
  
  <p>JSFiddle example: <a href="https://jsfiddle.net/rv7x38cw/" rel="noreferrer">https://jsfiddle.net/rv7x38cw/</a></p>