title: JavaScript Font-Family issue in IE
body: <p>Can someone think of a reason that this wouldn't work in any version of IE? I have a drop down select menu for choosing the font family of an element, which calls a javascript function to change the font-family. Here is the html...</p>
  
  <pre><code> &lt;select id="selecth1FontFamily" name="selectFontFamily" onchange="updateh1family();"&gt;
                                    &lt;option&gt; Serif &lt;/option&gt;
                                    &lt;option&gt; Arial &lt;/option&gt;
                                    &lt;option&gt; Sans-Serif &lt;/option&gt;                                  
                                    &lt;option&gt; Tahoma &lt;/option&gt;
                                    &lt;option&gt; Verdana &lt;/option&gt;
                                    &lt;option&gt; Lucida Sans Unicode &lt;/option&gt;                               
                                &lt;/select&gt;
  </code></pre>
  
  <p>And here is the JavaScript...</p>
  
  <pre><code>function updateh1family() {
  
          var selector = document.getElementById('selecth1FontFamily');
          var cssPreviewSpan = document.getElementById('h1FontFamily');
  
          cssPreviewSpan.innerHTML = selector.value;
          // also update the CSS preview
  
          var h1 = document.getElementById('liveh1')
          h1.style.fontFamily =  selector.value;
      }
  </code></pre>
  
  <p>This works to change the font family of the element in EVERY browser, minus the dreaded internet explorer. Any thoughts? I mean, it is a fairly straightforward function, I tried to think of other ways to go about it but I'm pretty much stuck. Thank you to all who read this!</p>