title: Hide HTML link button on page load
body: <p>I want to hide the button <code>onLoad</code>. How can I do so. My code is as follows and it doesn't hide the button when the page loads.</p>
  
  <p>HTML</p>
  
  <pre><code> &lt;a class='btn btn-primary' id="button1"&gt;my buttopn&lt;/a&gt;
  </code></pre>
  
  <p>JQUERY</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
  // 
      $("#button1").hide();
  
  &lt;/script&gt;
  </code></pre>