Ember select not binding to a property in the model

If I understand the ember.js documentation correctly then I should see the models systemStatus value get populated, but I'm not:

<div class="form-group">
  <label class="col-sm-2 control-label" for="name">Description</label>
    <div class="col-sm-10">         
        {{view "select" content=statuses value=model.systemStatus }}
    </div>
</div>

This is the controller:

import Ember from "ember";

export default Ember.Controller.extend({
  statuses: ["Being Built", "Active","Inactive"],
  selectedSystemStatus: 'Active',
  actions: {
    save: function() {
    //  this.model.set('systemStatus', this.selectedStatus);
        var s = this.get('selectedSystemStatus');
        this.model.save();
    },
    cancel: function() {

    }
  }
});

The model:

 import DS from "ember-data";

export default DS.Model.extend({
  name: DS.attr('string', {defaultValue: 'Hello'}),
  systemStatus: DS.attr('string', {defaultValue: 'Active'}),
  description: DS.attr('string', {defaultValue: 'Describe me'})
});

I'm not sure what I'm doing wrong here, and would like some help.