title: Why doesn't this Javascript function work?
body: <p>i would like to be able to click a link and have a form show up. ideally with smoothly maybe use delay?  so far i click on the link and nothing happens.</p>
  
  <p>My Javascript</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      function showForm() {
          document.getElementById('showme').style.display = "block";
      }
      &lt;/script&gt;
  </code></pre>
  
  <p>my HTML</p>
  
  <pre><code>&lt;a class="non_link" href="" alt="start a new post" onmouseclick="showForm();"&gt;
     Start A New Post
  &lt;/a&gt;
  &lt;form action="#" id="showme" method="post"&gt;
  </code></pre>
  
  <p>my CSS</p>
  
  <pre><code>#showme {
      font-size: 0.5em;
      color: #000;
      font-weight: normal;
      margin-top: 20px;
      display: none;
  }
  </code></pre>
  
  <p>took out the # sign and still doesn't work</p>