Problem with div tags

Problem with div tags


I am having a problem getting my click functions to work properly.
Here is a look at my html code.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/
TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
        <title>Untitled Document</title>
        <script type="text/javascript" src="lib/jquery/jquery.js"></script>
        <script src="lab4.js"></script>
    </head>
    <body>
        

this is <a href="http://jqury.com">fake tex</a>t


        <style>a.anchor{
            font-weight:bold;
            background-color:#cf3;
            }
            </style>
            <strong Here is an example of the hide effect></strong>
        <div id="hide">
    Here is the hide effect
         </div>
    </body>
</html>
Here is the javascript code
$(document).ready(function(){
$("a").click (function(){
alert("jquery is working");
return false;
});
$("a").addClass('anchor');
$('#hide div').click (function(){
    $(this).hide("slow");
    })
    })
I know this problem is rather basic, but I am taking an AJAX class and
lets just say the teacher can't help me, so I was hoping someone here
could.