Hover to Switch Images Glitch
<div id="logo"></div>
<div id="coming-soon"></div>

$(document).ready(function(){
    $("#logo").hover(
        function(){
            $("#logo").fadeTo(300, 0);
            $("#coming-soon").fadeTo(300, 1.0);
        },
        function(){
            $("#logo").fadeTo(300, 1.0);
            $("#coming-soon").fadeTo(300, 0);
        });
});

$("#logo").hover(
    function(){
        $("#logo").stop().fadeTo(300, 0);
        $("#coming-soon").stop().fadeTo(300, 1.0);
    },
    function(){
        $("#logo").stop().fadeTo(300, 1.0);
        $("#coming-soon").stop().fadeTo(300, 0);
});

#logo{ z-index: 1; }
#coming-soon{ z-index: 0; }