(function createBook() {
    let id = 1;

    return function (element, title, author, isbn) {
        let fragment = document.createDocumentFragment();
        let container = $(element);

        let div = $(`<div id="book${id++}">`);
        div.css('border', 'medium none');
        div.append($(`<p class="title">${title}</p>`));
        div.append($(`<p class="author">${author}</p>`));
        div.append($(`<p class="isbn">${isbn}</p>`));
        let select = $('<button>Select</button>');
        let deselect = $('<button>Deselect</button>');
        div.append(select);
        div.append(deselect);



        select.on('click', addBorder);


        deselect.on('click', removeBorder);

        function removeBorder() {
            div.css('border', 'none');
        }

        function addBorder() {
            div.css('border', '2px solid blue');
        }

        div.appendTo(fragment);
        container.append(fragment);

    }

})();