Javascript not making div show
<p>I'm having trouble making a div show up using javascript. </p>

<pre><code>&lt;div class=" notification success"&gt;
 &lt;a href="#" class="close-notification" title="Hide Notification" rel="tooltip"&gt;x&lt;/a&gt;
 &lt;p&gt;An email has been sent confirming your identity.&lt;/p&gt;&lt;/div&gt; 

 &lt;script type="text/javascript"&gt; 
     var notification = '.notification';
      $(notification).show();      
&lt;/script&gt;       
&lt;/div&gt;
</code></pre>

<p>Any ideas?</p>
