Why doesn't this Javascript function work?
<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>
