Calling code after {{#each}} has rendered in ember.js?

I am trying to call some code after an Ember {{#each}} tag has finished looping through its items. I have seen other questions that looked similar and the answer always implemented didInsertElement on the view. This does not seem to work for me as I am trying to access html objects that are not rendered with the view because they are in the {{#each}}.

Here is what my html looks like.

<script type="text/x-handlebars" id="user">
  {{#if isEditing}}
    <div class="well">
    {{partial 'user/edit'}}
    <button {{action 'doneEditing'}} class="btn btn-default">Save</button>
    <button {{action 'cancelEditing'}} class="btn btn-default">Cancel</button>
    </div>
  {{else}}
    <button {{action 'edit'}} class="btn btn-default">Edit</button>
  {{/if}}
</script>

<script type="text/x-handlebars" id="user/edit">
  {{#view 'editor'}}
    <div id="sList" class="btn-group-vertical" role="group">
      {{#each s in model}}
        <button class="btn btn-default">
        {{s.theme}}
        </button>
      {{/each}}
    </div>
  {{/view}}
</script>

And my javascript

App.UserRoute = Ember.Route.extend({
  model: function(params) {
    return this.store.all('strength')
  }
});

App.UserController = Ember.ObjectController.extend({
  isEditing: false,  
  actions: {
    edit: function(){
      this.set("isEditing", true);
    },
    doneEditing: function(){
      this.set("isEditing", false);  
    },
    cancelEditing: function(){
      this.set("isEditing", false);
    }
  }
});

App.EditorView = Ember.View.extend({
  didInsertElement: function() {
    //Do something to the button elements
  }
});

When I try to run this, as soon as I hit the edit button the partial loads and I get an error in the console after didInsertElement tried to access the button elements. It as if the elements in the div have not rendered yet. So how can I tell if the {{#each}} is done inserting elements into the html? I know this may be confusing but any and all help is appreciated.