jQuery ready function not working
<p>Chrome, Opra and IE all show the first alert, but do not show any other alert when clicking on the button.</p>

<pre><code>&lt;div id="contact-container" style='display:none'&gt;
  &lt;div class="sendConfirmation"&gt;
    &lt;div class='contact-top'&gt;&lt;/div&gt;
      &lt;div class='contact-content'&gt;
    &lt;h1 class='contact-title'&gt;Message was sent !&lt;/h1&gt;
      &lt;/div&gt;
    &lt;div class='contact-bottom'&gt;
      &lt;a href='http://www.i-home.es/'&gt;International Spanish Student Home, Valencia&lt;/a&gt;
    &lt;/div&gt;

  &lt;/div&gt;
&lt;/div&gt;

&lt;script type="text/javascript"&gt;
alert ("Spot 0");
$("document").ready(function() {    
alert ("Spot 1");
    $('#testbutton').click(function(e) {
        //Cancel the link behavior
        // e.preventDefault();
        alert("Spot 2");
    $('#contact-container').show(5000,function() {alert("is working"); });
    });
    });
&lt;/script&gt;

&lt;button id="testbutton" &gt; Click here&lt;/button&gt;
</code></pre>
