title: Element not displayed with obj.style.display='';
body: <p>I have a strange issue on a HTML page containing a <code>span</code> which won't be displayed:</p>
  
  <pre><code>&lt;span id="wipThankYou"&gt;Thank you for submitting your email!&lt;/span&gt;
  </code></pre>
  
  <p>It is initially hidden with the following CSS:</p>
  
  <pre><code>#wipThankYou {
      display: none;
  }
  </code></pre>
  
  <p>When a user clicks on a button, the following code is executed:</p>
  
  <pre><code>function T_show(obj) {
  
      if ( obj !== null ) {
          obj.style.display='';
      }
  
  }
  
  var wipThankYou = document.getElementById("wipThankYou");
  T_show(wipThankYou);
  </code></pre>
  
  <p>I can see the code being executed step-by-step in Chrome, but the <code>span</code> is not displayed. When I inspect the element, its CSS is not changed. I can replicate the issue on <a href="http://jsfiddle.net/a699x/" rel="nofollow">JsFiddle</a>.</p>
  
  <p>What am I doing wrong?</p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>I took this code from <a href="http://youmightnotneedjquery.com/" rel="nofollow">You Might Not Need JQuery</a>, but apparently, it is faulty. Thanks. </p>