title: ember.js and jQuery-UI multiselect widget
body: <p>I need an advanced multiselect element (with search function) for my ember application.</p>
  
  <p>I like <a href="https://github.com/ehynds/jquery-ui-multiselect-widget" rel="nofollow">this</a> jQuery-UI Multiselect widget and started with this code:</p>
  
  <pre><code>// app.js
  ...
  App.MultiSelectView = Em.View.extend({
    didInsertElement: function() {
      this._super();
      console.log("Creating multiSelect element");
      $("#mselect").multiselect().multiselectfilter();
    },
  });
  App.multiSelectView = App.MultiSelectView.create();
  ...
  
  // index.html
  ...
  &lt;script type="text/x-handlebars" data-template-name="mulselect"&gt;
    &lt;select id="mselect" multiple="multiple"&gt;
      &lt;option value="1"&gt;Option 1&lt;/option&gt;
      &lt;option value="2"&gt;Option 2&lt;/option&gt;
      &lt;option value="3"&gt;Option 3&lt;/option&gt;
    &lt;/select&gt;
    {{view App.multiSelectView}}
  &lt;/script&gt;
  ...
  </code></pre>
  
  <p>This code works and displays the widget. But I don't know how to bind the values/names to an ember controller/object.</p>
  
  <p><a href="http://www.lukemelia.com/blog/archives/2012/03/10/using-ember-js-with-jquery-ui/" rel="nofollow">This</a> blog post seems to point into right direction, but as I said, I haven't found a solution yet because I'm new to ember (and javascript).</p>
  
  <p>Thank you.</p>