Developing custom quote

I am trying to develop a bit different quote feature for PunBB version. When I select text, it should show two buttons (as it does) and then when I click let's say on "Quote" button it should put selected text inside textarea. However, this doesn't happen.
Forum: https://forumwitches.forumotion.com/
My script:

Code:

$(document).ready(function() {
    $(document).on('mouseup', function (e) {
        const selection = window.getSelection();
        const selectedText = selection.toString().trim();
        const postEntry = $(e.target).closest('.post-entry');

        if (selectedText.length > 0 && postEntry.length > 0) {
            const range = selection.getRangeAt(0);
            const rect = range.getBoundingClientRect();

            // Remove existing buttons if any
            $('#quote-buttons').remove();

            // Create floating buttons
            const quoteButtons = $('<div id="quote-buttons"></div>').css({
                position: 'absolute',
                top: `${rect.bottom + window.scrollY}px`,
                left: `${rect.left + window.scrollX}px`,
                backgroundColor: 'white',
                border: '1px solid #ccc',
                padding: '5px',
                zIndex: '1000'
            });

            // Add "Add to quoted" button
            const addToQuotedButton = $('<button id="add-to-quoted">Add to quoted</button>').on('click', function() {
                console.log("Add to quoted button clicked");
                let quotedText = localStorage.getItem('quotedText') || '';
                quotedText += `[quote]${selectedText}[/quote]\n`;
                localStorage.setItem('quotedText', quotedText);
                quoteButtons.remove();
            });
            quoteButtons.append(addToQuotedButton);

            // Add "Quote" button
            const quoteNowButton = $('<button id="quote-now">Quote</button>').on('click', function() {
                console.log("Quote button clicked");
                const textarea = $('.sceditor-container textarea');
                if (textarea.length > 0) {
                    textarea.val(textarea.val() + `[quote]${selectedText}[/quote]\n`);
                }
                quoteButtons.remove();
            });
            quoteButtons.append(quoteNowButton);

            // Add floating buttons to the body
            $('body').append(quoteButtons);
        } else {
            $('#quote-buttons').remove();
        }
    });
});

What is the issue there?

Ok, I have found the issue. I won't share it yet until code is ready to be shared publicly.