title: Can I access a form in the controller?
body: <p>I'm currently using the following.</p>
  
  <p><code>$scope.$$childHead.customerForm[firstName]</code>, so that:</p>
  
  <pre><code>&lt;form name="customerForm"&gt;
    &lt;input type="text" name="firstName" 
           ng-model="data.customer.firstName" 
           tabindex="1"  
           ng-disabled="!data.editable" 
           validationcustomer /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>But this only works in Chrome. Now I tried the following:  </p>
  
  <p><code>$scope.editCustomerForm[firstName]</code>, so that:</p>
  
  <pre><code>&lt;form name="customerForm" ng-model="editCustomerForm"&gt;
    &lt;input type="text" name="firstName" 
           ng-model="data.customer.firstName" tabindex="1"  
           ng-disabled="!data.editable" 
           validationcustomer /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Which doesn't work. Note my form is inside a Foundation Tab. How can I access <code>firstName</code>?</p>
  
  <p><strong>EDIT</strong>: It looks like the <code>form</code> isn't added to the <code>scope</code> when it's inside a Foundation Tab. </p>
  
  <p>Anyone has got a solution for this?</p>