title: Angular form not working in a table
body: <p>I created a working form placed in a div below a table;</p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;form class="form-signin" ng-submit="controller.add.save()"&gt;
      &lt;h2 class="form-signin-heading"&gt;Add an item:&lt;/h2&gt;
      &lt;label for="inputName" class="sr-only"&gt;Name&lt;/label&gt;
      &lt;input type="text" name="name" id="inputName" class="form-control" placeholder="Name" required autofocus ng-model="controller.add.name"&gt;
      &lt;label for="inputDescription" class="sr-only"&gt;Description&lt;/label&gt;
      &lt;textarea name="description" id="inputDescription" class="form-control" placeholder="Description" ng-model="controller.add.description"&gt;
      &lt;/textarea&gt;
      &lt;button class="btn btn-lg btn-primary btn-block" type="submit"&gt;Add&lt;/button&gt;
    &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I then decided to move the form into the table above;</p>
  
  <pre><code>&lt;tr&gt;
    &lt;form ng-submit="controller.add.save()"&gt;
      &lt;td&gt;Add an item&lt;/td&gt;
      &lt;td&gt;&lt;input type="text" name="name" id="newName" class="form-control" placeholder="Name" required ng-model="controller.add.name"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;textarea name="description" id="newDescription" class="form-control" placeholder="Description" ng-model="controller.add.description"&gt;&lt;/textarea&gt;&lt;/td&gt;
      &lt;td&gt;&lt;button class="btn btn-xs btn-primary" type="submit"&gt;Add&lt;/button&gt;&lt;/td&gt;
    &lt;/form&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>But now the form doesn't work anymore.
  What am I doing wrong?</p>