jQuery fadeIn not actually fading in
<p>I have a jQuery function where certain divs fade in and out, I cant paste my entire file into a jsFiddle as its too large and all image links are relative, I have the following however...</p>

<pre><code>// On click hide default, Country specific
    $('.default .asia').click(function(){
        $('.default').fadeOut("fast");
        $(".default").queue(function () {
            $('.viewport-asia').fadeIn("fast");
            $('.viewport-asia').dequeue();
        });         
    });
    $('.default .north-america').click(function(){
        $('.default').fadeOut("fast");
        $(".default").queue(function () {
            $('.viewport-america').fadeIn("fast");
            $('.viewport-america').dequeue();
        });
    });
    $('.default .europe').click(function(){
        $('.default').fadeOut("fast");
        $(".default").queue(function () {
            $('.viewport-europe').fadeIn("fast");
            $('.viewport-europe').dequeue();
        });
    });

    // Drag event
    $(".america-big").draggable();
    $(".europe-big").draggable();
    $(".asia-big").draggable();

    // Reset map
    $('a.zoom-out').click(function(){
        $('.hidden').fadeOut("fast");
        $(".hidden").queue(function () {
            $('.default').fadeIn("fast");
            $('.hidden').dequeue();
        }); 
    })
}); 
</code></pre>

<p>The last function // Reset Map "a.zoom-out" should fade out the current div and fade in the .default div, its currently fading out the current div but the default div isn't fading back in?</p>

<p>Can anybody see where im going wrong? </p>

<hr>

<p>HTML</p>

<pre><code>&lt;div class="map"&gt;

    &lt;!-- // Default Map --&gt;
    &lt;div class="default"&gt;
        &lt;div class="asia"&gt;&lt;img src="map/asia.png" alt="Asia"&gt;&lt;/div&gt;
        &lt;div class="north-america"&gt;&lt;img src="map/north-america.jpg" alt="America"&gt;&lt;/div&gt;
        &lt;div class="europe"&gt;&lt;img src="map/europe.jpg" alt="Europe"&gt;&lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- // Animated Map // North America --&gt;
    &lt;div class="viewport-america hidden"&gt;
        &lt;div class="compass"&gt;
            &lt;a href="#" class="arrow top"&gt;Top&lt;/a&gt;
            &lt;a href="#" class="arrow right"&gt;Right&lt;/a&gt;
            &lt;a href="#" class="arrow bottom"&gt;Bottom&lt;/a&gt;
            &lt;a href="#" class="arrow left"&gt;Left&lt;/a&gt;
        &lt;/div&gt;
        &lt;a href="#" class="zoom-out"&gt;Zoom Out&lt;/a&gt;
        &lt;div class="instructions"&gt;&lt;img src="map/instructions.png" alt="Instructions"&gt;&lt;/div&gt;
        &lt;div class="america-big"&gt;&lt;img src="http://placekitten.com/1989/996" alt="America" /&gt;&lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- // Animated Map // Europe --&gt;
    &lt;div class="viewport-europe hidden"&gt;
        &lt;div class="compass"&gt;
            &lt;a href="#" class="arrow top"&gt;Top&lt;/a&gt;
            &lt;a href="#" class="arrow right"&gt;Right&lt;/a&gt;
            &lt;a href="#" class="arrow bottom"&gt;Bottom&lt;/a&gt;
            &lt;a href="#" class="arrow left"&gt;Left&lt;/a&gt;
        &lt;/div&gt;
        &lt;a href="#" class="zoom-out"&gt;Zoom Out&lt;/a&gt;
        &lt;div class="instructions"&gt;&lt;img src="map/instructions.png" alt="Instructions"&gt;&lt;/div&gt;
        &lt;div class="europe-big"&gt;&lt;img src="http://placekitten.com/2000/1000" alt="Europe" /&gt;&lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- // Animated Map // Asia --&gt;
    &lt;div class="viewport-asia hidden"&gt;
        &lt;div class="compass"&gt;
            &lt;a href="#" class="arrow top"&gt;Top&lt;/a&gt;
            &lt;a href="#" class="arrow right"&gt;Right&lt;/a&gt;
            &lt;a href="#" class="arrow bottom"&gt;Bottom&lt;/a&gt;
            &lt;a href="#" class="arrow left"&gt;Left&lt;/a&gt;
        &lt;/div&gt;
        &lt;a href="#" class="zoom-out"&gt;Zoom Out&lt;/a&gt;
        &lt;div class="instructions"&gt;&lt;img src="map/instructions.png" alt="Instructions"&gt;&lt;/div&gt;
        &lt;div class="asia-big"&gt;&lt;img src="http://placekitten.com/1999/999" alt="Asia" /&gt;&lt;/div&gt;
    &lt;/div&gt;

&lt;/div&gt;
</code></pre>
