新手关于JQ，JS问题求助，如何点击色块显示色块值
<!DOCTYPE html><html lang="cmn">
<head>
<meta charset="UTF-8">
<title>shiyishi4</title>
<style type="text/css">
div{
width: 40px;
height: 40px;
float: left;
margin-left: 40px;
text-align: center;
margin-top: 40px;
padding: 40px;
cursor: help;
}
</style>
<script type="text/javascript" src="C:\Users\Administrator\Desktop\jquery-2.1.4\jquery.js"></script>
<script type="text/javascript" language="javascript">
$(function(){
$("div").click(function(){
//这里不会写
$("span").html(color);
})
})
</script>
</head>
<body>
<div style="background:red">红色</div>
<div style="background:black">黑色</div>
<div style="background:blue">蓝色</div>
<div style="background:yellow">黄色</div>
<div style="background:gray">天灰</div>
点击了<span></span>
</body>
</html>
如何用js 或者jq实现 我点击哪个色块， 在 点击了那里就显示点击的色块的名字，如（我点击了红色块，则显示“点击了红色”或者显示“点击了red”）
