点击按钮移除整个DIV

点击图片中的X号移除这块DIV

jsp页面代码：

<c:forEach var="list" items="${editList}">
 <div class="appmsg_item">
     <input type="hidden" class="artId" value="${list.id}">
      <img class="appmsg_thumb" src="${list.previewPic}">
      <h4 class="appmsg_title"><a href="${list.artUrl}" target="_blank">${list.title}</a></h4>
     <button type='button' class='close' style='margin-bottom: -7px'>×</button>
  </div>
</c:forEach>

JS代码如下：

$('.close').click(function(){
    $(this).parent().remove();
})

初学JQUERY，有什么地方冗余的话，望各位指正。另附一片别人操作父元素的博文点击打开链接