jqueryを使用してiframeを下に追加しようとしていますが、リンクをクリックしても何も起こりません。jQueryを使用してiframeを追加しようとしています
<head>
<script type="text/javascript"
src='//ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.js'></script>
<script type="text/javascript">
function fun(){
$('<iframe />'); // Create an iframe element
$('<iframe />', {
name: 'frame1',
id: 'frame1',
src: 'http://www.programmingfacts.com'
}).appendTo('body');
</script>
</head>
<body>
<a href="#" onclick="fun()">clica</a>
</body>
</html>