title: Angular Chosen - a.forEach is not a function
body: <p>Using Angular Chosen to allow a multi select drop down for nationalities.
  <a href="https://github.com/localytics/angular-chosen" rel="nofollow noreferrer">https://github.com/localytics/angular-chosen</a></p>
  
  <p>I am getting an error of</p>
  
  <p>"a.forEach is not a function" </p>
  
  <p>This error occurs whether you have selected one, two or zero options.</p>
  
  <p>I have looked at this post</p>
  
  <p><a href="https://stackoverflow.com/questions/32174145/getting-a-a-foreach-is-not-a-function-error">Getting a a.foreach is not a function error</a></p>
  
  <p>however my selected value is already an array so it does not provide any help on the issue.</p>
  
  <p>Here is my html</p>
  
  <pre><code>&lt;li class="form-row"&gt;
                  &lt;span class="label"&gt;
                      &lt;label for="nation"&gt;Nationality&lt;/label&gt;:
                  &lt;/span&gt;
                  &lt;div class="field country"&gt;
                      &lt;select 
                      chosen
                      multiple
                      ng-model='person.nation'
                      ng-options='c.name as c.name for c in countries'
                      id="nation" 
                      data-select-max="2" 
                      data-token="Nationalities" 
                      data-placeholder="- Select your nationalities -"&gt;
                      &lt;/select&gt;
                  &lt;/div&gt;
              &lt;/li&gt;
  </code></pre>
  
  <p>And my options ($scope.countries) looks like </p>
  
  <pre><code>[ 
    { id="1",  name="United States"}, 
    { id="2185",  name="Afghanistan"},
    etc....
   ]
  </code></pre>
  
  <p>Any advice would be much appreciated.</p>