title: Angular Chosen default selected not working
body: <p>I am using <a href="https://github.com/localytics/angular-chosen" rel="nofollow">https://github.com/localytics/angular-chosen</a> to create select element with default item being selected:</p>
  
  <pre><code>&lt;select chosen="{inherit_select_classes:true}" disable-search="true" class="form-control span6" ng-model="myPick"&gt;
    &lt;option value=""&gt;&lt;/option&gt;
    &lt;option value="AAA"&gt;AAAAAAAAAAAAAAAA&lt;/option&gt;
    &lt;option value="BBB" selected="selected"&gt;BBBBBBBBBBBBBBB&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I want <code>BBBBBBBBBBBBBBB</code> to be selected by default but it doesn't work:</p>
  
  <p><a href="http://plnkr.co/edit/H2hmEukfjaPL1T4W298O?p=preview" rel="nofollow">http://plnkr.co/edit/H2hmEukfjaPL1T4W298O?p=preview</a> </p>
  
  <p>Using <code>selected="selected"</code> and <code>$scope.myPick = "BBB";</code> doesn't make it work either. Could you please help on why? </p>
  
  <p>If I remove the model, it works just fine:</p>
  
  <pre><code>&lt;select chosen="{inherit_select_classes:true}" disable-search="true" class="form-control span6"&gt;
    &lt;option value=""&gt;&lt;/option&gt;
    &lt;option value="AAA"&gt;AAAAAAAAAAAAAAAA&lt;/option&gt;
    &lt;option value="BBB" selected="selected"&gt;BBBBBBBBBBBBBBB&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p><strong>UPDATE 1</strong></p>
  
  <ul>
  <li><p>My project already has bunch of <code>select</code> and <code>option</code> in bunch of templates. Very time consuming to pull them into <code>$scope.someObject</code> to do <code>ng-options</code> on.</p></li>
  <li><p>Best if I don't have to declare or initialize <code>myPick</code> anywhere but put <code>selected</code> in html template instead.</p></li>
  </ul>