title: angular.element is not working in tabset directive of angular js
body: <p>I'm using tabset directive of angular js and using twitter bootstrap slider in tab,</p>
  
  <p>My slidestop event is not calling but it's working well outside tab.</p>
  
  <p>I know that tabset directive have its own scope , but dont know solution of following problem:-</p>
  
  <pre><code>&lt;tabset class="tab-container"&gt;
      &lt;tab heading="tab1"&gt;
                 &lt;div class="form-group"&gt;
  
                     &lt;label&gt;any Level&lt;/label&gt;
  
                     &lt;div class="input-group w-md"&gt;
                          &lt;input id="slider" ui-jq="slider" ui-options="{min: 0,max: 10,step: 1,value: {{any_level}}}"
                         class="slider slider-horizontal form-control" type="text"
                         ng-model="any_level"&gt; {{any_level}}
  
                    &lt;/div&gt;
                 &lt;/div&gt;
      &lt;/tab&gt;
  &lt;/tabset&gt;
  </code></pre>
  
  <p>controller code</p>
  
  <pre><code> ......
  angular.element("#slider").on('slideStop', function(data){
         alert('asdasd');
  
   })
  </code></pre>
  
  <p>problem is - alert is not coming when slider inside tab,alert is comming when slider outside tab</p>
  
  <p>i am using <a href="https://github.com/angular-ui/ui-slider" rel="nofollow">this slider</a></p>
  
  <p>Thanks</p>