is there is another good way

is there is another good way

hi all
i want to embed pages using jquery
is this a good way or there is another better ?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="jquery.js">
</script>
  <script>
  $(document).ready(function(){
$(".title1").click(function () {
$(".page").css("visibilty","visible");                     
  $(".page").replaceWith("<iframe src='a.html' ></iframe>");
    });

$(".title2").click(function () {
$(".page").css("visibilty","visible");                     
  $(".page").replaceWith("<iframe src='b.html' ></iframe>");
    });

  });
  </script>


  <style>
  .page {
   width: 333px;
   height: 333px;
   float:left;
   padding: 10px;
   margin: 10px;
   background-color: #EEEEEE;
    display: none;
  }
  .title1 {
   font-weight: bolder;
}
.title2 {
   font-weight: bolder;
}
  </style>
</head>
<body>
<span class="title1">about</span> |<span class="title2"> more</span><br>
<div class="page"> </div>
</body>
</html>
[/quote][/code]