Атрибут data на HTML 5 undefined

При получении значения атрибута data возникает возникает ошибка из-за значения undefined

Здесь значение атрибута data верное: url: '/moderator/comment/' + $( this ).data( 'id' ) + '/delete',

А здесь и далее уже undefined: alert( "#comment" + $( this ).data( 'id' ) );

<div id="comment100500" class="panel panel-default" data-id="100500">
<div id="comment_delete100500" data-id="100500" class="btn btn-danger" data-href="/moderator/comment/100500/delete"><i class="fa fa-remove"></i></div>
<p>Комментарий</p>
</div>
<script>
$( "[id^=comment_delete]" ).on( "click", function() {
    $.ajax({
        type: 'GET',
        url: '/moderator/comment/' + $( this ).data( 'id' ) + '/delete',

        success: function(msg) {
            alert( "#comment" + $( this ).data( 'id' ) );
            $( "#comment" + $( this ).data( 'id' ) ).detach();
        }
    });
});
</script>

<div id="comment100500" class="panel panel-default" data-id="100500">
<div id="comment_delete100500" data-id="100500" class="btn btn-danger" data-href="/moderator/comment/100500/delete"><i class="fa fa-remove"></i></div>
<p>Комментарий</p>
</div>
<script>
$( "[id^=comment_delete]" ).on( "click", function() {
    var id = $( this ).data( 'id' );
    $.ajax({
        type: 'GET',
        url: '/moderator/comment/' + id + '/delete',

        success: function(msg) {
            $( "#comment" + id ).detach();
            get_notify();
        }
    });
});
</script>