title: Select directive not working right in Firefox
body: <p>I have a simple directive to render <code>&lt;select&gt;</code> elements on my page that looks like this:</p>
  
  <pre><code>.directive('selectpicker', function ($timeout) {
      return {
          restrict: 'C',
          require: 'ngModel',
          replace: true,
          template: '&lt;select&gt;&lt;option ng-repeat="opt in options" value="{{opt.id}}"&gt;{{opt.descr}}&lt;/option&gt;&lt;/select&gt;',
          scope: {
              options: '='
          },
          link: function (scope, element, attrs, ngModel) {
              var $el = $(element);
              $el.on('change', function (ee, aa) {
                  ngModel.$setViewValue($el.val());
                  scope.$apply();
              });
          }
      };
  </code></pre>
  
  <p>Which is working fine. Values are binded to model variables so every select should be preselected when page displays. This is not working for me in Firefox, where nothing is selected on page but when I submit the data, values are set as expected. Any ideas?</p>