title: #each over an array does not output correctly in handlebar
body: <p>I have a helper method that takes one of my hashes and creates an array out of the keys:</p>
  
  <p><strong>signup-services-array.js</strong></p>
  
  <pre><code>import Ember from 'ember';
  
  export default Ember.Helper.helper(function(params) {
    var serviceSignups = [];
    var hash = params[0];
    Object.keys(hash).forEach(function(key) {
      serviceSignups.push(key);
    });
  
    return serviceSignups;
  });
  </code></pre>
  
  <p>In my handlebar view, if I call <code>{{signup-services-array model.signedServices}}</code>, I see the output <code>caviar,doordash,lyft</code>.</p>
  
  <p>However, if I try to iterate over it, I don't see anything:</p>
  
  <pre><code>&lt;ul&gt;
    {{#each signup-services-array model.signedServices as |service|}}
      &lt;li&gt;{{service}}&lt;/li&gt;
    {{/each}}
  &lt;/ul&gt;
  </code></pre>
  
  <p><strong>How do I loop over the array in handlebar?</strong></p>