siblings object element selector probleem

hier word een textarea element aangemaakt en gebruikt:

// het element
            var textarea = $('<div/>', {
                'class': 'textarea',
                'data-placeholder': this.options.textFormatter(this.options.textareaPlaceholderText),
                contenteditable: true
            });

//aanroep textcomplete
textarea.textcomplete([{
                    match: /(^|\s)@(([a-zäöüß]|\s)*)$/im,
                    search: function (term, callback) {
                        term = self.normalizeSpaces(term);

Hierboven werkt het, maar nu komt het probleem.
De HTML met 2 elementen, die siblings van elkaar zijn.

<div class="textarea"> </div>
<div class="emojionearea textarea emojionearea-inline"> </div>

als ik bijv het volgende uitvoer:

var  NEWtextarea = textarea.siblings('.emojionearea-editor');

NEWtextarea.textcomplete([{
                    match: /(^|\s)@(([a-zäöüß]|\s)*)$/im,
                    search: function (term, callback) {
                        term = self.normalizeSpaces(term);

Dan werkt het totaal niet. in de colsole zie ik dat het element textarea een object is. Hoe krijg ik nu de sibling object om het zo uit te kunnen voeren?