title: "Invalid form control" only in Google Chrome
body: <p>The code below works well in Safari but in Chrome and Firefox the form will not submit.  Chrome console logs the error <code>An invalid form control with name='' is not focusable</code>.  Any ideas?</p>
  
  <p>Note that whilst the controls below do not have names, they should have names at the time of submission, populated by the Javascript below.  The form DOES work in Safari.</p>
  
  <pre><code>&lt;form method="POST" action="/add/bundle"&gt; 
  &lt;p&gt; 
      &lt;input type="text" name="singular" placeholder="Singular Name" required&gt; 
      &lt;input type="text" name="plural" placeholder="Plural Name" required&gt; 
  &lt;/p&gt; 
  &lt;h4&gt;Asset Fields&lt;/h4&gt; 
  &lt;div class="template-view" id="template_row" style="display:none"&gt; 
      &lt;input type="text" data-keyname="name" placeholder="Field Name" required&gt; 
      &lt;input type="text" data-keyname="hint" placeholder="Hint"&gt; 
      &lt;select data-keyname="fieldtype" required&gt; 
          &lt;option value=""&gt;Field Type...&lt;/option&gt; 
          &lt;option value="Email"&gt;Email&lt;/option&gt; 
          &lt;option value="Password"&gt;Password&lt;/option&gt; 
          &lt;option value="Text"&gt;Text&lt;/option&gt; 
      &lt;/select&gt;    
      &lt;input type="checkbox" data-keyname="required" value="true"&gt; Required
      &lt;input type="checkbox" data-keyname="search" value="true"&gt; Searchable
      &lt;input type="checkbox" data-keyname="readonly" value="true"&gt; ReadOnly
      &lt;input type="checkbox" data-keyname="autocomplete" value="true"&gt; AutoComplete
      &lt;input type="radio" data-keyname="label" value="label" name="label"&gt; Label
      &lt;input type="radio" data-keyname="unique" value="unique" name="unique"&gt; Unique
      &lt;button class="add" type="button"&gt;+&lt;/button&gt; 
      &lt;button class="remove" type="button"&gt;-&lt;/button&gt; 
  &lt;/div&gt; 
  
  &lt;div id="target_list"&gt;&lt;/div&gt; 
      &lt;p&gt;&lt;input type="submit" name="form.submitted" value="Submit" autofocus&gt;&lt;/p&gt; 
  &lt;/form&gt;
  
  &lt;script&gt; 
  function addDiv()
  {
      var pCount = $('.template-view', '#target_list').length;
      var pClone = $('#template_row').clone();
      $('select, input, textarea', pClone).each(function(idx, el){
          $el = $(this);
          if ((el).type == 'radio'){
              $el.attr('value', pCount + '_' + $el.data('keyname'));
          }
          else {
              $el.attr('name', pCount + '_' + $el.data('keyname'));
          };
      });
      $('#target_list').append(pClone);
      pClone.show();
  }
  
  function removeDiv(elem){
      var pCount = $('.template-view', '#target_list').length;
      if (pCount != 1)
      {
          $(elem).closest('.template-view').remove();
      }
  };
  
  $('.add').live('click', function(){
      addDiv();
  });
  
  $('.remove').live('click', function(){
      removeDiv(this);
  });
  
  $(document).ready(addDiv);
  
  &lt;/script&gt;
  </code></pre>