نمایش متنی که در حین اجرای برنامه تغییر کرده!

[desatir7316]

سلام دوستان
با استفاده از این پلاگین ، متن انتخاب شده از یک textarea رو تغییر دادم، حالا وقتی می خوام همین متن رو با console.log نشون بدم، همون متن اولی رو میاره و تغییرات رو نشون نمی ده

    <script>
        $(document).ready(function () {
            $('body').delegate('#tag', 'click', function(e){
                e.preventDefault();
                text = $('#text');
                console.log(text.text());
                if (parseInt(text.selection().length, 10) != 0) {
                    $('#text').selection('insert', {
                        'text': '{{%',
                        'mode': 'before',
                    });
                    $('#text').selection('insert', {
                        'text': '}}',
                        'mode': 'after',
                    });

                }

            });

        });
    </script>

<textarea name="text" id="text" rows="10" cols="50">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium ad aliquam aliquid animi, aut deleniti fugit ipsam laboriosam omnis, perferendis quibusdam quo reiciendis repellendus reprehenderit saepe sint soluta temporibus voluptatibus.</textarea>

ممنون می شم راهنمایی کنید.