title: Quirk with changing visibility property in HTML vs JS
body: <p>I have an issue where if I add a hidden property to a button in the HTML, I cannot make it visible.</p>
  
  <pre><code>&lt;button id="proceed_to_next_question" hidden&gt; Next Question &lt;/button&gt;
  </code></pre>
  
  <p>However, if I remove that hidden property and add the following to my JS file:</p>
  
  <pre><code>document.getElementById("proceed_to_next_question").style.visibility = "hidden";
  </code></pre>
  
  <p>the following code works without a problem:</p>
  
  <pre><code>document.getElementById("proceed_to_next_question").style.visibility = "visible";
  </code></pre>
  
  <p>It works fine now, but I want to understand what the issue is with inputting hidden in the HTML file.  Can anyone clarify why changing the html rather than the JS causes this problem? </p>