title: AngularJS & UI - Can't access form outside when inside tab
body: <p>I'm using AngularJS version 1.0.5 and Angular UI (Bootstrap) 0.4.0.
  I'm trying to integrate 2 features: the tabs of the UI and the forms of Angular.</p>
  
  <p>I have nested forms.
  One form (outerForm) wraps the whole tabset.
  The other form (innerForm) resides within one tab.</p>
  
  <p>I want to have a button, outside of the tabs, that will be enabled\disabled according to the validity of the <strong>innerForm</strong>!</p>
  
  <p>When I try to access innerForm.$valid from outside the form itself, it does not work.</p>
  
  <p>Here is a plunker:
  <a href="http://plnkr.co/edit/sEz8TG?p=preview">http://plnkr.co/edit/sEz8TG?p=preview</a></p>
  
  <p>Now, when I try the same with regular Bootstrap, it does seem to work:
  <a href="http://plnkr.co/edit/Somic4?p=preview">http://plnkr.co/edit/Somic4?p=preview</a></p>
  
  <p>When the inner form resides within a regular div, I can access it from outside.
  When I use the special 'tab' syntax of Angular UI, it does not work anymore.</p>