jQuery Click example with multiple radio buttons

jQuery, CSS and HTML
<!DOCTYPE html>
<head>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script>
$(document).ready(function(){
    $("input:radio[name=selColor]").click(function(){
        var colorname;
        colorname= $('input:radio[name=selColor]:checked').val();
        $("#chgcolor").css("background-color",colorname);
    });
});
</script>

<style>
#clickcls{
width:200px;
height:150px;
border: 1px solid red;
}
#chgcolor{
width:100px;
height:100px;
background-color:white;
border:1px solid black;
margin-top:-100px;
margin-left:250px
}

</style>
</head>
<body>

<div id="clickcls">
<input type="radio" name="selColor" id="radio1" value="red"/> red <br />
<input type="radio" name="selColor" id="radio2" value="green"/> geen <br />
<input type="radio" name="selColor" id="radio2" value="yellow"/> yellow <br />
<input type="radio" name="selColor" id="radio2" value="blue"/> blue <br />
<input type="radio" name="selColor" id="radio2" value="orange"/> orange <br />
<input type="radio" name="selColor" id="radio2" value="black"/> black <br />
</div>
<div id="chgcolor"></div>

</body>
</html>