title: Make HTML hidden input visible
body: <p>I want to change an invisible HTML input in to visible when I click a button as shown below.</p>
  
  <p>My HTML line that create the hidden input is:</p>
  
  <pre><code>&lt;input type="hidden" id="txtHiddenUname" value="invalid input" /&gt;
  </code></pre>
  
  <p>my JavaScript for changing the visibility is:</p>
  
  <pre><code>var y = document.getElementById("txtHiddenUname");
  y.style.display= "inline";
  </code></pre>
  
  <p>But this couldn't make the hidden element to be visible.</p>
  
  <p>Any ideas?</p>