jquery $.get switch doesn't work

jquery $.get switch doesn't work

         <ul> 
<li><a href="http://www.home.fr/">Accueil</a></li>
<li><a href="index.html?page=1" >E-books</a></li>
<li><a href="index.html?page=2" >Boutique</a></li>
<li><a href="index.html?page=3" >Forum</a></li>
<li><a href="index.html?page=4" >A propos</a></li>
<li><a href="modules/alert.html" >Test</a></li>
</ul> 
<div id="result">
   <script type="text/javascript">
var page;
$.get("page", function (data){
$('#result').load($.this).attr("href")
                  switch((page){
                        case 1: $('#result').load("page/morning.html");
                            break;
                        case 2:
                           $('#result').load("page/hi.php");
                            break;
                        case 3:
                         $('#result').load("page/cool.html");
                            break;
                         case 4:
                         $('#result').load("page/quick.php");
                            break;
                        default:
                            $('#result').("home/hello.html");
                    return false;
}
})
</script>
</div>

HELP !!
PLEASE GIVE ME THE SOLUTION WITH THA SWITCH IN only HTML. Thank you