Create one function instead of two bootstrap modal

I have a form that reads a JSON file for default wrong answers to be applied to a 'summary div' at the end of the form.

I wondered if I could make these two functions one somehow?

It is a bootstrap modal, that I am using data-attributes to get the right answers which populate the text in the modal body, then when I click 'save changes' button I am repeating myself but wondered if I could make this more efficient.

$('#ncModal').on('show.bs.modal', function(e) {
    var btn = $(e.relatedTarget);
    var reciepient = btn.data('whatever');

    if (reciepient === "@mdo") {
        console.log(reciepient);
        $.getJSON('./NCText/solar-nc.json', function (data) {
            //console.log(data);
            //console.log(data[0]);
            var output = '<ul>';
            $.each(data[0], function(key, val) {
                output += '<li>' + val + '</li>';
            });

            output += '</ul>';
            $('#modalbody').html(output); // replace all existing content
        });
    }

    // get Action Improvement text clicked to add
    // to summary box.
    $('.modal-body').on('click', function () {
        var text = $(event.target).text();
        console.log(text);
        $('#summary').append(text).append('\n');
    });

    // Add Action Improvement textarea to summary
    $('#saveModalNc').on('click', function () {
        var txt = $('#nc_textarea').val();
        console.log(txt);
        $('#summary').append(txt);
    });
});