Using (href a link) to target a div

Using (href a link) to target a div

Where am I going wrong cant get the page to display in the DIV ?
Sample of my web page as below:

<link href="../allwebcss.css" rel="stylesheet" type="text/css">
<script type="text/jscript" src="file:///C|/wamp/www/dawa3/jq/jquery-1.8.1.min.js"></script>

<script>
    // Wait for the document to load
    $(document).ready(function() {
        // When one of our nav links is clicked on,
        $('#nav a').click(function(e) {
            a = $(this).attr('href'); // Store into target div
            $('#content:visible').show();
            $(a).show(); // Show the target div
        });
    });
    </script>
</head>
<body>     
    <div id="nav">
        <a href="index1.html">home</a>
        <a href="why.html">why</a>
        <a href="story.html">a story</a>
    </div>      
    <div id="content">         
    </div>

Any solution please??
Thanks.