title: Backbone stickit selectOptions from ajax
body: <p>I am trying to populate a select using below.</p>
  
  <pre><code> View: Backbone.View.extend({
                      initialize: function () {
                          this.setElement($('#templatePlaceholder'));
                      },
                      bindings: {
  
                          'select#List': {
                              observe: 'ddList',
                              selectOptions: {
                                  collection: Q.when(getSelects.execute()).then(function (data) {
                                      console.dir(data);
                                      return data;
                                  })
  
                              }
                          }
                      },
  </code></pre>
  
  <p>console returns an array object:</p>
  
  <pre><code> [ { value: 1, label: "a" },   { value: 2, label: "b" } ]
  </code></pre>
  
  <p>But I get nothing.</p>
  
  <p>If I define collection as: </p>
  
  <pre><code>collection: function () { return [{ value: 1, label: "a" },{ value: 2, label: "b" }];}
  </code></pre>
  
  <p>then all works fine.</p>