Noobie Jquery Question - Why doesn't this simple script work?
<p>I'm learning JQuery and I wrote a simple AJAX external script for my homepage that tries to load some static markup from a seperate html file and insert it into my homepage when i hover over a link...</p>

<pre><code>$(function()
{
    $('a#contact_link').hover(function() 
    {
        alert('test1'); 
        $('&lt;div id="contact_container"&gt;').load('contact.htm #contact', function() 
        {
            alert('test2');
            /*$(this) + '&lt;/div&gt;';
            $(this).hide()
                .insertAfter('#header')
                .slideDown(1000)  */  
        });

        return false;
    });
});
</code></pre>

<p>at this point, i'm simply trying to get the 'test2' alert box to show, which is why i have the code below that commented out.  currently, the 'test1' alert box is the only the one that shows, meaning the 'test2' alert line never gets hit.   your thoughts?</p>

<p>here's the snippet of code from my contact.htm file...</p>

<pre><code>&lt;div id="contact_container"&gt;
    &lt;div id="contact"&gt;
        &lt;p&gt;
        &lt;strong&gt;NAME&lt;/strong&gt;: My Name&lt;br/&gt;
        &lt;strong&gt;EMAIL&lt;/strong&gt;: My Email&lt;br/&gt;
        &lt;strong&gt;SKYPE&lt;/strong&gt;: My Skype Handle&lt;br/&gt;
        &lt;strong&gt;ADDRESS&lt;/strong&gt;: My Address&lt;br/&gt;
        &lt;/p&gt;     
    &lt;/div&gt;&lt;!--end contact--&gt;
&lt;/div&gt;&lt;!--end contact_container--&gt;
</code></pre>

<p>thanks so much in advance for your help!</p>
