How to use jQuery Multiselect plugins in Backbone.js Application?
<p>What is the magic trick to get multiselect jQuery plugin to work in Backbone.js Application? I have tried to use SumoSelect, Bootstrap-Multiselect, Chosen and jQuery UI's MultiSelect.</p>

<p>I have a Model and it's Collection. I'm setting e.g. SumoSelect plugin in View's render method with code below</p>

<pre><code>render : function() {   
....

    // Time for DOM
    setTimeout(function(){
      $(".dropdown-features", this.$el).SumoSelect()
    }, 100);

    return this;                            
},
</code></pre>

<p>Class dropdown-features is defined in template file like this</p>

<pre><code>&lt;div class="filter-header"&gt;
    &lt;strong&gt;${title}&lt;/strong&gt;       
&lt;/div&gt;              
        &lt;div&gt;
            &lt;select class="dropdown-features"&gt;                   
                &lt;option value=""&gt;Choose...&lt;/option&gt;
            &lt;/select&gt;
        &lt;/div&gt;          
&lt;/div&gt;
</code></pre>

<p>Model and Collection are defined normally like in Backbone.js Applications.</p>

<pre><code>MyApp.Models = MyApp.Models || {};

(function () {
    'use strict';

    MyApp.Models.Facet = Backbone.Model.extend({

        idAttribute: "name"
    });

})();
</code></pre>

<p>and</p>

<p>MyApp.Collections = MyApp.Collections || {};</p>

<pre><code>(function () {
    'use strict';

    MyApp.Collections.Facets = Backbone.Collection.extend({

        model: MyApp.Models.Facet,

        initialize : function(models, options) {
            if (_.isUndefined(options) ||
                _.isUndefined(options.label) ||
                _.isUndefined(options.title)) {
                throw new Error('Label and title must be given Facets collection in initialization.');
            } else {
                this.label = options.label;
                this.title = options.title;
            }
        },

        getName: function() {
            return this.title;
        },

        getLabel: function() {
            return this.label;
        },

        getFirstLabel: function() {
            return this.first().get('name');
        }
    });    
})();
</code></pre>

<p>If I use pure HTML Select-tag everything works fine, but when trying to use Plugins mentioned above I can't get any data into Select Options. Select widget changes to new style but doesn't contain anything except "Choose...".</p>

<p>I'm quite new Backbone.js user I haven't use UI Plugings before in Backbone.js Applications.</p>

<p>Thanks,</p>

<p>Mike</p>