title: Can't change display property with javascript
body: <p>I'm trying to get an object (embedded twitch stream) to show when an image is clicked. Everything seems to be working fine except when I try to changed its display property. It is set to <code>display: none;</code> by default and it is supposed to change to <code>display: block;</code> when it is clicked.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;object id="twitchStream" class="center" .... &lt;/object&gt;
  &lt;a href="#" onClick="showDiv()"&gt;&lt;img class="center" src="img/hsl_arrow.png" /&gt;&lt;/a&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>#twitchStream{
      display: none;
  }
  
  object.center{
      margin-left: auto;
      margin-right: auto;
      width: 620px;
  }
  </code></pre>
  
  <p>JavaScript</p>
  
  <pre><code>function showDiv() {
      document.getElementById('twitchStream').style.display = "block";
  }
  </code></pre>
  
  <p><strong>EDIT</strong></p>
  
  <p>Object's Contents</p>
  
  <pre><code>&lt;object id="twitchStream" class="center" 
  type="application/x-shockwave-flash" height="378" 
  width="620" id="live_embed_player_flash" data="http://www.twitch.tv/widgets/
  live_embed_player.swf?channel=hsstarleague" bgcolor="#000000"&gt;&lt;param 
  name="allowFullScreen" value="true" /&gt;
  &lt;param name="allowScriptAccess" value="always" /&gt;&lt;param name="allowNetworking" value="all" /&gt;
  &lt;param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf" /&gt;
  &lt;param name="flashvars" value="hostname=www.twitch.tv&amp;channel=hsstarleague&amp;auto_play=true&amp;start_volume=25" /&gt;&lt;/object&gt;
  </code></pre>
  
  <p>I'm so sorry for the formatting, I copied and pasted it and was having some trouble.</p>