click background-image einfügen

HTML

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Unbenanntes Dokument</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){

    $("#bg1").click(function (){
            $('body').css('background-image', 'url(http://www.html.de/customavatars/avatar11008_2.gif)')

    });

});
</script>
</head>

<body>
<h1>sssssssssssssss</h1>
<h2>werdwrfwefrew</h2>

<img id="bg1" src="http://www.html.de/customavatars/avatar11008_2.gif">

<h1>sssssssssssssss</h1>
<h2>werdwrfwefrew</h2>


</body>
</html>