title: Form tag being removed
body: <p>i am currently writing a piece of code using AngularJS with X-editable and ui-bootstrap, my problem is in this part of the code: </p>
  
  <pre><code>&lt;div ng-repeat='task in CurrentOIDs | filter:criteria | orderBy:OrderField:ReverseSort'&gt; 
      &lt;div class='row {{!areCollapsed[task.OIDid] | selected}}' 
           style='background-color: {{ task.Status | color }};' 
           ng-click="checkCollapse(task.OIDid, !rowform.$visible);"&gt;
          &lt;div style='width: 5%;' class='cell OIDid'&gt;
              {{ task.OIDid }}
          &lt;/div&gt;
          &lt;div style='width: 5%;' class='cell'&gt;
              &lt;span buttons='no' onbeforesave='checkPriority($data)' 
                    editable-select="task.Priority" 
                    e-id='priorityInput' e-name="priority" 
                    e-form='rowform' 
                    e-ng-options="p.value as p.text for p in priorities"&gt;
                  {{task.Priority}}
              &lt;/span&gt;
          &lt;/div&gt;
          &lt;div style='width: 13%;' class='cell'&gt;
              &lt;span buttons='no' onbeforesave='checkTopic($data)' 
                    editable-text='task.Topic' e-name='topic' 
                    e-form='rowform' e-required e-list="Topics"&gt;
                  {{ task.Topic }}
              &lt;/span&gt;
          &lt;/div&gt;
          &lt;div style='width: 20%;' class='cell'&gt;
              &lt;span buttons='no' onbeforesave='checkCategory($data)' 
                    editable-text='task.Category' e-id='categoryInput' 
                    e-name='category' e-form='rowform' 
                    e-required e-list="Categories"&gt;
                  {{ task.Category }}
              &lt;/span&gt;
          &lt;/div&gt;
          &lt;div style='width: 35%;' class='cell'&gt;
              &lt;span buttons='no' onbeforesave='checkTask($data)' 
                    editable-text='task.Task' e-id='taskInput' 
                    e-name='task' e-form='rowform' 
                    e-required&gt;
                  {{task.Task}}
              &lt;/span&gt;
          &lt;/div&gt;     
          &lt;div style='width: 6%;' class='cell'&gt;
              {{ task.Added }}
          &lt;/div&gt;
          &lt;div style='width: 6%;' class='cell'&gt;
              {{ task.Target }}
          &lt;/div&gt;
          &lt;div style='width: 5%;' class='cell'&gt;
              &lt;span buttons='no' onbeforesave='checkOwner($data)' 
                    editable-text='task.Owner' e-name='owner' 
                    e-form='rowform' e-required 
                    e-list="Owners"&gt;
                  {{ task.Owner }}
              &lt;/span&gt;
          &lt;/div&gt;
          &lt;div style='width: 5%;' class='cell Status'&gt;
              &lt;span buttons='no' onbeforesave='checkStatus($data)' 
                    editable-number='task.Status' e-min='0' 
                    e-max='100' e-name='status' e-form='rowform' 
                    e-required&gt;
                  {{ task.Status }}%
              &lt;/span&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div collapse='areCollapsed[task.OIDid]'&gt;
          &lt;div style='height: 30px;' ng-show='rowform.$visible'&gt;
              &lt;form onbeforesave='saveTask($data, task.OIDid)' 
                    editable-form name='rowform' 
                    shown="inserted == task"&gt;
                  &lt;button type='submit' ng-disabled="rowform.$waiting" 
                          id="saverowedit"&gt;
                      OK
                  &lt;/button&gt;
                  &lt;button type="button" ng-disabled="rowform.$waiting" 
                          ng-click="rowform.$cancel()" 
                          id="cancelrowedit"&gt;
                      CANCEL
                  &lt;/button&gt;
              &lt;/form&gt;    
          &lt;/div&gt;
          &lt;div style='height: 30px;' ng-show='!rowform.$visible'&gt;
              &lt;button id='editButton' style='width: 25%;' title="Edit" 
                      ng-click="rowform.$show()"&gt;
                  &lt;?php include("svg/edit.svg")?&gt;
              &lt;/button&gt; 
              &lt;button id='archiveButton' style='width: 25%;' title="Archive"&gt;
                  &lt;?php include("svg/archive.svg")?&gt;
              &lt;/button&gt;
              &lt;button id='mailingButton' style='width: 25%;' title="MailingList"&gt;
                  &lt;?php include("svg/mail.svg")?&gt;
              &lt;/button&gt;
              &lt;button id='historyButton' style='width: 25%;' title="History"&gt;
                  &lt;?php include("svg/history.svg") ?&gt;
              &lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>For some reason, when i inspect the resultant code the FORM tags are being removed completely, which leaves only the buttons, but obviously they will serve no purpose if they are not in a form tag. </p>
  
  <p>my question is what could cause this to happen? and how can i fix it? </p>
  
  <p>thanks</p>