Javascript-форум - Не работает Алерт в фенсибокс+гуглмап маркер!

Здравствуйте! извините но снова беспокою! Вот есть код! открывает кликом на маркер гуглмапа фенси бокс а внутри текст и див ! при нажатии на этот див! должен выскочить алерт с сообщением! но ничего не происходит! я не понял в чём дело вроде должно работать!

<!DOCTYPE html>
<html>
<head>
<script
src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false">
</script>

	<script type="text/javascript" src="fancyapps-fancyBox-0ffc358/lib/jquery-1.9.0.min.js"></script>
	<script type="text/javascript" src="fancyapps-fancyBox-0ffc358/source/jquery.fancybox.js?v=2.1.4"></script>
	<link rel="stylesheet" type="text/css" href="fancyapps-fancyBox-0ffc358/source/jquery.fancybox.css?v=2.1.4" media="screen" />

<script>
  $(document).ready(function(){
	  $('.aaa').click(function () {
      alert('jhk');
});
});
</script>


<script>
var myCenter=new google.maps.LatLng(51.508742,-0.120850);

function initialize()
{
var mapProp = {
  center:myCenter,
  zoom:5,
  mapTypeId:google.maps.MapTypeId.ROADMAP
  };

var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);

var marker=new google.maps.Marker({
  position:myCenter,
  });

var infowindow = new google.maps.InfoWindow({
  content:"Hello World!"
  });



google.maps.event.addListener(marker, 'click', function() {
  $.fancybox('<div class="maincontent">asd</div><div class="aaa">НАЖМИ НА МЕНЯ</div>');
  });
  
  
  
  
  
  
  
marker.setMap(map);
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>

<body>
<div id="googleMap" style="width:500px;height:380px;"></div>
</body>
</html>

PS: пробывал и live() и on() . live() просто в 1.9 не поддерживает а on() да! но не работает всё равно!