DIV TAG not showing?? Please help?

DIV TAG not showing?? Please help?

Please help? Here is what I am tring to do. When you click on a hyperlink, it is suppose to load the content from a php page into a DIV tag in my html page. The code I have been trying is below, but it does not work. Pleas help me fix it so it will work, please?

HTML PAGE

<html>
<head>
<script type="text/javascript">
$('#msg1').hide();
$('#fr').click(function(){
  $.get('messages/msg.php', function(data) {
    $('#msg1').show();
    $('#msg1').html(data);
  });
});
</script>
</head>

<body>
<a  href="#" id="fr">mylink</a>

<div id="msg1"></div>

</body>
</html>

___________________________________________________________________________________________

PHP PAGE

<?php
      echo "HELLO";
?>



Thanks!