<div class="row">
    <div class="toggle-comments active" data-post-id="7">
        Add first comment
    </div>
//подгружаемый контент
    <div class="comments" data-post-id="7">
        <form class="comments-form" method="POST" action="/comment/save">
            <input type="hidden" name="_token" value="Iq6zUG7MgxnUJEknHSHXIwAzuK2pkMnaaBHO84vb">
            <textarea rows="3" placeholder="Input you comment..." name="text"></textarea>
            <input type="submit" value="Send" name="send">
        </form>
        <ul class="comments-list">
            <li>
                TestComment1
            </li>
            <li>
                TestComment2
            </li>
        </ul>
    </div>
//конец подгружаемого контента
</div>

//вот js
/*
 * Save comment from FORM with class .comments-form
 */
$(document).on('submit', '.comments-form', function () {
    // postId не находится, потому что когда я нахожу объект .comments - при попытке найти ближайший .toggle-comments
    // ничего не находит. Есть какой-то хитрый способ чтобы обратиться к нему через this?
    var postId = $(this).parent('.comments').closest('.toggle-comments').attr('data-post-id');
    var text = $(this).children('textarea').val();
    $.ajax({
        type: "POST",
        url: "/comment/save",
        data:{
            id:postId,
            text:text,
        },
        success:function(){
            alert('123');
        }

    });
    return false;
});