title: getting angular element using nested classes
body: <p>In my angularjs application on ng-click on a button, I have </p>
  
  <pre><code>$scope.getItems = function() {
      var matchedElements = angular.element(document).find('.main_tabSet');
      console.log(matchedElements.length);
  }
  </code></pre>
  
  <p>which is working fine.</p>
  
  <p>Now there are few bootstrap classes which are injected below <code>main_tabSet</code>, which I am trying to access in ng-click as</p>
  
  <pre><code> var matchedElements = angular.element(document).find('.main_tabSet .nav .nav-tabs');
  </code></pre>
  
  <p>but this is not returning the elements. What is the right way of accessing elements using nested classes?</p>