title: ng-focus and ng-blur do not work on select DOM
body: <p>First I create a simple example to see if the ng-focus and ng-blur are driggered on select, and then are my actual code, I cannot find why the second do not work:</p>
  
  <pre><code>&lt;div ng-app ng-init="focus=false;blur=false;active=false"&gt; 
  &lt;select ng-focus="focus=true;blur=false;" ng-blur="blur=true;focus=false;"&gt;
      &lt;option&gt;sdasdsa&lt;/option&gt;
      &lt;option&gt;dsadsads&lt;/option&gt;
  &lt;/select&gt;
      &lt;input type="text" ng-class="{ myFocus: focus, myBlur: blur }"&gt;
  &lt;/div&gt;
  
      &lt;br&gt;
           &lt;br&gt;
                &lt;br&gt;
                     &lt;br&gt;
  
  &lt;div class="search-input" ng-init="focus=false;blur=false;active=false"&gt;
      &lt;input type="text" ng-class="{ myFocus: focus, myBlur: blur }"&gt;
              &lt;div class="selects"&gt;
                &lt;div class="icon fluid select"&gt;
                  &lt;i  ng-class="{'large svg guests icon':rooms==2, 'large svg guest icon':rooms==1,'active':{{focus}}}"&gt;&lt;/i&gt;
                  &lt;label ng-click="closeCalendar()"&gt;
                    &lt;select ng-model="rooms" name="rooms" class="fluid" name="rooms" focus-parent selecter required ng-focus="focus=true;blur=false;" ng-blur="blur=true;focus=false;"&gt;
                        &lt;option value="1"&gt;Einzelzimmer&lt;/option&gt;
                        &lt;option value="2"&gt;Doppelzimmer&lt;/option&gt;
                    &lt;/select&gt;
                  &lt;/label&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/deathhell/UTn5y/2/" rel="nofollow">http://jsfiddle.net/deathhell/UTn5y/2/</a></p>