How can I display next element after current using jQuery?

function GetSelectedRow(e) {
        var clickedRow = $(e).closest("tr");
        var id = $(clickedRow).find('td').eq(0).text();
        $('#<%=moduleval.ClientID %>').val(id);
        var gvcheck = document.getElementById('<%=dgv_Modules.ClientID %>');
        var chklist = gvcheck.getElementsByTagName('input');
        for (var i = 0; i < chklist.length; i++) {
            if ($(chklist[i]).prop("checked")) {

                var checkedrow = $(chklist[i]).closest("tr");
                var moduleid = $(checkedrow).find('td').eq(0).text();
                $(this).after("<tr><td  colspan = '999'>" + $(this).next().html() + "</td></tr>"); // This code line is not working.I am trying to display next element but it is displaying only empty row and it is copying second row after current row
            }
        }
        return false;
    }