title: Get innerHTML of another element on :hover using JavaScript
body: <p>I'm working with a platform that does not support onmouseover or onmouseout.  I need to change the innerHTML of another element using JavaScript.  I thought I could probably do this with :hover, but if there is a better CSS/HTML method, I'll go for it.  How would I correlate JavaScript and CSS to get this to work?</p>
  
  <p>Basically,</p>
  
  <pre><code>&lt;div id="trigger"&gt;To hover over&lt;/div&gt;
  &lt;div id="dynamicContent"&gt;To change innerHTML of&lt;/div&gt;
  </code></pre>
  
  <p>Any suggestions on how this might get done using the template above?  Thanks!</p>