title: document.getElementById("remember").visibility = "hidden"; not working on a checkbox
body: <p>I cannot get the <code>visibility</code> or <code>display</code> properties to work.</p>
  
  <p>Here is the HTML footer:</p>
  
  <pre><code>&lt;div id="footer"&gt;
    &amp;copy; 
    &lt;strong id="foot" onmouseover="showData();" onmouseout = "hideData()"&gt;
      Exquisite Taste 2012
    &lt;/strong&gt;
    &lt;input type='checkbox' id="remember" onclick='editCookie()' style="visibility:hidden;" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is the .js function with the visibility part not working:</p>
  
  <pre><code>function showData()
  {
  
  
    document.getElementById("remember").visiblity="visible";
  
  
    document.getElementById("foot").innerHTML = getDate() + "  " + getTime();
  
    if(cookieValue())
    {
      document.getElementById("remember").checked = true;
    }
  }
  </code></pre>
  
  <p>That one line doesn't seem to do anything:</p>
  
  <pre><code>document.getElementById("remember").visiblity="visible";
  </code></pre>