Проблема с записью в массив Jquery [закрыт]

https://jsfiddle.net/nilsons20000/8nsdovpy/64/ Перетащив одну карточку с статичным текстом , а вторую с текстарее, то сохранение в массив должно быть вот такое

{"cards1":["title","Static_text_from_block"],"cards2":["title","text_from_text_area"]"}

суть в том , что текст из текстарее должен сохранится там , куда его и перетащили , у меня это получилось со статичным текстом , но не выходит с текстарее. он сохраняется везде

{"cards1":["title","Static_text_from_block","text_from_text_area"],"cards2":["title","text_from_text_area"]"}

получается типа такого что то . Помогите , пожалуйста исправить

    $('#temp').on('click', function() {
            var result = {};
            $('.hexagon-cards-drop').each(function() {
                var type = $(this).attr('data-type');
                var elements = [];                
                        $(this).find('.wrap').each(function() {
                            var textarea = $(this).find("#my_textarea");
                                var text_write = '';
                                if(textarea.length){
                                     text_write = textarea.val();
                                     elements.push(text_write);
                                }else{
                                text_val = $(this).text();
                                elements.push(text_val);
                                }
                        });
                result[type] = elements
            });
            var myJsonString = JSON.stringify(result);
            console.log(myJsonString);
        });
    }
    ```