title: Need to remove the Input field
body: <p>I need to remove the Input field element, when the type is hidden, when I'm selecting <strong>hidden</strong> type for control type in another tab from <strong>autocomplete</strong> type, the value is getting hide in display. but in the console(F12) is showing like below with the value:</p>
  
  <pre><code>&lt;div id="ember30156" class="ember-view hidden field" core-role="utility-field" aria-label="Non hidden"&gt;
  &lt;input id="ember30193" class="ember-view ember-text-field hidden text-field component" type="hidden" name="non-hidden" value="I am Hidden"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In the network field also showing like below with the value</p>
  
  <pre><code>------WebKitFormBoundaryMUmkbDAG6Iw0D4Xj
  Content-Disposition: form-data; name="hidden"
  
  I am Hidden
  ------WebKitFormBoundaryMUmkbDAG6Iw0D4Xj
  Content-Disposition: form-data; name="rc"
  
  1
  ------WebKitFormBoundaryMUmkbDAG6Iw0D4Xj--
  </code></pre>
  
  <p>But I need to hide the values from the both element and network tab of console. Here is my code</p>
  
  <pre><code>Core.view.Form.Field.extend()
      .named('Core.view.Form.Field.hidden')
      .reopen({
          template: Ember.Handlebars.compile('{{#each value in view.model.values}}{{view view.field name=view.model.name value=value}}{{/each}}'),
          field: Ember.TextField.extend({
              type: "hidden",
              attributeBindings: ['name', 'value'],
              classNames: 'hidden',
              noLabel: true
          })
      });
  </code></pre>
  
  <p>I'm new to the ember.</p>