jqueryを使って親要素にクラス属性を設定したい

Question

タイトルの通りのことが実現したいので、下記のコードを記述しました。

<script>       
     $(document).on('pageshow', '.main-content', function() {
        $("div.second-content").parent("div").addClass("parent");
     });
</script>

しかし確認してみるとparentはクラス属性として親要素に追加されていませんでした。
何か間違いが存在するのでしょうか？

<追記>

<script>...</script>はbodyタグ内の一番最後に記述しています。

Comments

[yambejp]

pageshowイベントではなくなにか適当なトリガーで試しましたか？

Answer 1

例えばこうしてみてmainをクリックしてみるとどうでしょう？

<script>
$(function(){
  $('.main-content').on('click', function() {
    $("div.second-content").parent("div").addClass("parent");
    console.log($('#hoge').prop("classList"));
  });
});
</script>

<div class="main-content">main1</div>
<div id="hoge" class="dummy">
<div class="second-content">second1</div>
</div>