Пачему когда я выбираю чекбокс то текст показываеться но когда обратно убираю галочку с чекбокса то текст не исчезаеть?
<link href="http://starlexx.com/Touareg/style.css" rel="stylesheet" type="text/css">
<script src="http://starlexx.com/Touareg/jquery.js"></script>
<script>
$(document).ready(function(){
var checkbox = $("#tab-1");
$("input",checkbox).change(function () {
var text = $(this).next().html();
$("#design123456").html(text);
});
});
</script>
<div id="tab-1">
<input type="checkbox">1<div id=div1> 111111 </div><br>
<input type="checkbox">2<div id=div2> 222222 </div><br>
</div>
<div id="design123456"></div>
как сделать чтобы когда убираю галочку с чекбокса то текст убралось

?