title: How to get an HTML value using a JavaScript function
body: <p>I would like to set the value of a select-menu option to a value of a JavaScript object.  </p>
  
  <p>HTML</p>
  
  <pre><code>&lt;select id="eRedList"&gt;
      &lt;option value=electroSeries.Li.potential&gt;Li&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>var electroSeries = {
      Li: {name : "Li", charge : "1", potential : -3.05, redReaction : "Li+(aq) + e- &gt;&gt; Li(s)", oxReaction : "Li(s) &gt;&gt; Li+(aq) + e-"};
  }
  </code></pre>
  
  <p>so here, I want to the value associated with the property 'potential' to the HTML value.
  However, when I try to display this in a text box just to see what I get, I end up getting 'electroSeries.Li.potential' written instead of the numerical value.</p>
  
  <p>I'm relatively new to JS, so any help would be appreciated!</p>