Load Iframe after Page Load - JQuery

HTML

<div id="frameContainer"></div>

CSS

body {background-color:#222;}

#frameContainer {
  background:white url('http://hompimpa.googlecode.com/svn/trunk/images/loading.gif') no-repeat 50% 50%;
  margin:30px;
}

#frameContainer iframe {
  display:block;
  padding:5%;
  border:none !important;
}

JavaScript

$(window).bind("load", function() {
   $('#frameContainer').html('<iframe src="http://hompimpa.googlecode.com/svn/trunk/CSSBeatComp/index.html" frameborder="0" width="90%" height="220px" scrolling="auto"></iframe>'); 
});