jQuery 祖先要素にaddClassできない

Question

submitされた時にdivのnewsBoxにaddClassできません。

echo '<div class="newsBox">';
  echo '<div class="newsBg"></div>';
  echo '<div class="newsModal">';
  echo $rows3[0]['title']."\n";
  echo $rows3[0]['content']."\n\n";
  echo '<form id="infoClose" method="post"><input type="hidden" id="user_id" name="user_id" value="'.$user_id.'"><input type="hidden" id="information_id" name="informaiton_id" value="'.$information_id.'"><input type="submit" value="×閉じる" /></form>';
  echo '</div>';
  echo '</div>';

$(function(){
  $('#infoClose').submit(function(e){
    e.preventDefault();
    $(this).closest('#newsBox').addClass("hidden");
    $.ajax({
      url: "ajax.php",
      type:'POST',
      data:{
        'user_id':$('#user_id').val(),
        'information_id':$('#information_id').val()
      }
    })
    .done(function() {
      console.log('成功');

    }).fail(function() {
      console.log('エラー');
    })
  });
});

Answer 1

newsBoxはclassであってidではないので、以下のようにすればいいんじゃないでしょうか？

// #newsBoxではなく.newsBox
$(this).closest('.newsBox').addClass("hidden")