FadeIn with jQuery?
<p>Im trying to write a function so that when you hover over a hotspot the content of X div changes depending on what hotspot you're on. </p>

<p>I've been reading up on jQuery's fadeIn function only im unsure how I'd go about implementing it?</p>

<p>I've tried the below with no luck...</p>

<pre><code>$(".texas").hover(
        function () {
            $(".description").fadeIn('slow').html("Texas");
        } 
    );
</code></pre>

<p>And below is my original code...</p>

<pre><code>  $(document).ready(function() {
    $(".uk").hover(
        function () {
            $(".description").html("Test Blah");
        } 
    );
    $(".singapore").hover(
        function () {
            $(".description").html("singapore");
        } 
    );
    $(".texas").hover(
        function () {
            $(".description").html("Texas");
        } 
    );
});
</code></pre>

<hr>

<pre><code>&lt;div class="wrap"&gt;
        &lt;div class="description"&gt;
            &lt;span class="country"&gt;Singapore&lt;/span&gt;
            &lt;p&gt;Temporibus autem quibusdam et aut officiis.&lt;/p&gt;&lt;p&gt;Debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. &lt;/p&gt;
        &lt;/div&gt;
         &lt;div class="map"&gt;
            &lt;a href="#" class="circle uk"&gt;Manchester&lt;/a&gt;
            &lt;a href="#" class="circle singapore"&gt;Singapore&lt;/a&gt;
            &lt;a href="#" class="circle texas"&gt;Texas&lt;/a&gt;
         &lt;/div&gt;
    &lt;/div&gt;
</code></pre>
