Javascript 选择jquery中当前标记后面的子项

我有一个标题，后面跟着一个div，我想在单击h2时显示这个div

<h2><a href="#">Some Tag</a></h2>
<div>content here</div>

<h2><a href="#">Some  other  Tag</a></h2>
<div>content here</div>

<h2><a href="#">Some  other  Tag</a></h2>
<div>content here</div>

满足于此
满足于此
满足于此

如何选择我单击的h2后面的div

$('h2').click(function(e){
    $(this).next('div').toggle();
});

CSS:

演示：

阅读文档：

div{
display:none;
}