[Help!] Anchor tag in pop up not working!

[Help!] Anchor tag in pop up not working!

So I'm trying to use an anchor to close my pop up window. However, it doesn't seem to be working even though it all looks perfectly fine to me.

Been cracking my head over this for half a day now so I'm really dying for some pointers.

<body>
    <div id="container">
        <div id="mainContent">
       
            <img src="anb.jpg" alt="base" width="768" height="650" border="0" usemap="#Map" -width="768" />
            <map name="Map" id="Map">
               <area id="aboutus" shape="poly" coords="349,153,251,165,295,300,330,313,354,299,370,315,365,283" />
            </map>

            <div id="box1"> //hidden via css by default. this element's sole purpose is to let loadPopup() extract the html from it.
                <h1>About Us</h1>
                <p>
                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                </p>
            </div>
           
            <div id="contentbox"></div>       //used to store the html to be displayed by the pop up     
            <div id="backgroundPopup"></div>
           
        </div>
    </div>
</body>
</html>


and here's my js file:
var popupStatus = 0; 

function loadPopup(ht,wd, content){
if(popupStatus==0){
   $("#backgroundPopup").css({"opacity": "0.7"   });
   $("#backgroundPopup").fadeIn("slow");
   document.getElementById("contentbox").style.height=ht + 'px';
   document.getElementById("contentbox").style.width=wd + 'px';
   document.getElementById("contentbox").innerHTML="<a id='bClose'>X</a>" + content; // @@@@@@@ This close button does not work!
   $("#contentbox").fadeIn("slow");
   popupStatus = 1;
   }
}

//disabling popup with jQuery magic!
function disablePopup(){
   //disables popup only if it is enabled
   if(popupStatus==1){
      $("#backgroundPopup").fadeOut("slow");
      $("#contentbox").fadeOut("slow");
      popupStatus = 0;
   }
}


function centerPopup(popupHeight, popupWidth){

   var windowWidth = document.documentElement.clientWidth;
   var windowHeight = document.documentElement.clientHeight;

   $("#contentbox").css({
      "position": "absolute",
      "top": windowHeight/2-popupHeight/2,
      "left": windowWidth/2-popupWidth/2
   });
   
   $("#backgroundPopup").css({"height": windowHeight});
}

$(document).ready(function(){                     
   $("#aboutus").click(function(){
      ht="384";
      wd="408";                  
      centerPopup(ht,wd);
      loadPopup(ht,wd,document.getElementById("box1").innerHTML);
   });   

   $("#bClose").click(function(){disablePopup();});

});