Simple JQuery click-and-show doesn't work
<p>I'm using this simple bit of JQuery to show/hide a div by clicking on the link, I've used the same code a few times before and it worked perfectly but now all of a sudden it refuses to work.</p>

<p>JQuery is properly included and the page doesn't give a Javascript error (or any other error for that matter).</p>

<p>JQuery:</p>

<pre><code>&lt;script type="text/javascript"&gt; 
   $(function() {
       $('#addnew').css('display', 'none');
       $('#shownew').click(function() {
           $('#addnew').toggle();
           return false;
       });        
   });
&lt;/script&gt;
</code></pre>

<p>HTML (link):</p>

<pre><code>&lt;a href='#' id='shownew'&gt;Add News Item&lt;/a&gt;
</code></pre>

<p>HTML (div):</p>

<pre><code>&lt;div id="addnew"&gt;
&lt;form id="new_news" enctype="multipart/form-data" action="news.php" method="post"&gt;
Title:
&lt;br/&gt;&lt;input type="text" name="title" id="title" /&gt;
&lt;p&gt;Image (optional, will be shown after first paragraph)
&lt;br/&gt;&lt;input type="hidden" name="size" value="2000000"&gt;&lt;input type="file" name="photo"&gt;
&lt;p&gt;Article body:
&lt;br/&gt;&lt;textarea cols='40' rows='5' maxlength='5000' name='body' id='body'&gt;&lt;/textarea&gt;
&lt;p&gt;&lt;input type="submit" name="submit" id="submit" value="Submit" /&gt;
&lt;/form&gt;
&lt;/div&gt;
</code></pre>

<p>What could I possibly be missing here? As you see from the JQuery, the div is hidden to begin with. When I remove the line that says <code>$('#addnew').css('display', 'none');</code> the div is displayed correctly, but the link still doesn't toggle it on and off.</p>
