DataTables отображает возвращаемую строку внутри кнопки

Question

Я пытаюсь передать длинную строку модальному.Внутри создания dataTable я делаю это.

render: function(data, type, row) {return '<button class="btn btn-primary" data-toggle="modal" data-id="'+row.IncidentID+'" data-journal="'+row.Journal+'" type="button" data-target="#myModal">'+"Details"+'</button>'} },

Проблема в том, что row.journal в некоторых случаях экранируется и отображается на кнопке.В этих случаях нажатие на кнопку также не запускает модальный режим.Просто обновляет страницу.

Вот как это выглядит

Я использую его таким образом, чтобы перейти к модальному режиму, чтобы я мог получить данные журнала.

$(document).ready(function(e){
    $("#myModal").on('show.bs.modal', function (e) {
    console.log("in modal call");
    var triggerLink = $(e.relatedTarget);
    var journal = triggerLink.data("journal");
    var id = triggerLink.data("id");
    console.log(e.relatedTarget);
    console.log(journal);
    $("#modalTitle").text("Incident: " + id);
    $(this).find(".modal-body").html("<p> "+journal+"</p>");});});