title: angularjs select option with value
body: <p>I would like to create in angular (1.0) an select list with a default option who has value. I don't understand why, but when I add a value to default option, it is not rendered proper. My code is this:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html ng-app="myApp"&gt;
  
  &lt;head&gt;
    &lt;link data-require="bootstrap-css@3.3.6" data-semver="3.3.6" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.css" /&gt;
    &lt;script data-require="jquery@*" data-semver="2.1.4" src="https://code.jquery.com/jquery-2.1.4.js"&gt;&lt;/script&gt;
    &lt;script data-require="bootstrap@*" data-semver="3.3.6" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"&gt;&lt;/script&gt;
    &lt;script data-require="angular.js@1.4.8" data-semver="1.4.8" src="https://code.angularjs.org/1.4.8/angular.js"&gt;&lt;/script&gt;
    &lt;link rel="stylesheet" href="style.css" /&gt;
    &lt;script src="script.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body ng-controller="myController"&gt;
    &lt;h1&gt;States in India&lt;/h1&gt;
    &lt;select ng-options="state for state in states" ng-model="selectedState"&gt;
      &lt;option value=""&gt;-- choose --&lt;/option&gt;
    &lt;/select&gt;
  
    &lt;br/&gt;
    &lt;br/&gt;
    &lt;h1&gt;States in India - not working proper (default option not displayed)&lt;/h1&gt;
    &lt;select ng-options="state for state in states" ng-model="selectedState"&gt;
      &lt;option value="not_empty"&gt;-- choose --&lt;/option&gt;
    &lt;/select&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>Can someone help me to understand this behavior? Why when I add the value attribute to default options it is no longer added to select?</p>
  
  <p>Later edit:
  The issue I'd like to clarify is not about model, but about option element with not empty value: </p>
  
  <pre><code>&lt;option value="not_empty"&gt;-- choose --&lt;/option&gt;
  </code></pre>
  
  <p>I don't understand why this option is not rendered! If I add </p>
  
  <pre><code>&lt;option value=""&gt;-- choose --&lt;/option&gt;
  </code></pre>
  
  <p>then it appears (is rendered) inside drop down element!
  Plunker here: <a href="http://plnkr.co/edit/YDGodWKRqMROXjgEGXd2?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/YDGodWKRqMROXjgEGXd2?p=preview</a></p>