title: Selected option does not working through jquery
body: <p>This is my angular with JQuery</p>
  
  <pre><code>mainDodApp.controller('EditPageController', ['$scope', '$http', '$sce', function ($scope, $http, $sce) {
      $http({
          //HTTP Call
      }).success(function (response) {
          $scope.parent_page = $sce.trustAsHtml(response);
      });
  
      $http({
          //HTTP Call
      }).then(function (response) {
          $scope.formData.parent_page_id = response.data.parent_page_id;
          $('#parentPage option[value='+$scope.formData.parent_page_id+']').attr('selected','selected');
      });
  
  }]);
  </code></pre>
  
  <p>and this is my HTML.</p>
  
  <pre><code>&lt;select name="parent_pages" id="parentPage" ng-bind-html="parent_page" ng-model="formData.parent_page_id"&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>as i am rendering options from ajax call into ng-bind-html and when in second ajax call after getting value for selected option i am selecting option and it is selected also like</p>
  
  <pre><code>&lt;option value="2" selected="selected"&gt;About Us&lt;/option&gt;
  </code></pre>
  
  <p>but does not show as default selected value although it has selected attribute.
  and jquery version is jQuery v1.11.2</p>