title: Simple_Form multiple rows of several input with single label at top
body: <p>I have a nested table associated with my form, so I have a new recipe form and nested ingredients.  Im trying to convert my form to use simple_form and trying to make it so there is a single label for the fields and the fields are inline (I have javascript button to add more lines of ingredients if needed)</p>
  
  <p>EDIT:</p>
  
  <p>So got rid of the labels in simple_form and got it to mostly work but now I cant get it to add the new rows as rows and instead puts it as a single column. Heres my code:</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
        &lt;th&gt;Ingredient Name&lt;/th&gt;
        &lt;th&gt;Info (sliced,minced,etc)&lt;/th&gt;
        &lt;th&gt;Amount&lt;/th&gt;
        &lt;th&gt;Unit&lt;/th&gt;
      &lt;/tr&gt;
      &lt;%= f.fields_for :recipe_ingredients do |builder| %&gt;
        &lt;%= render 'recipe_ingredient_fields', f: builder %&gt;
      &lt;% end %&gt;
      &lt;tr&gt;
        &lt;td&gt;&lt;%= link_to_add_fields "Add Ingredient", f, :recipe_ingredients,"", "Add a new Ingredient" %&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>The ingredient partial:</p>
  
  <pre><code>&lt;tr&gt;
    &lt;td&gt;&lt;%= f.input :ingredient, label: false %&gt;&lt;/td&gt;
    &lt;td&gt;&lt;%= f.input :info, label: false %&gt;&lt;/td&gt;
    &lt;td&gt;&lt;%= f.input :format_amount, label: false %&gt;&lt;/td&gt;
    &lt;td&gt;&lt;%= f.input :unit, label: false %&gt;&lt;/td&gt;
    &lt;td&gt;&lt;%= f.input :_destroy, as: :hidden, label: false %&gt;&lt;/td&gt;
    &lt;td&gt;&lt;%= link_to "Remove", '#', :onclick =&gt; h("remove_fields(this)"), class: "btn", title: "Remove Ingredient", remote: true %&gt;&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>And the javascript code:</p>
  
  <pre><code>function add_fields(link, association, content){
      var new_id = new Date().getTime();
      var regexp = new RegExp("new_" + association, "g");
      $(link).before(content.replace(regexp, new_id));
  }
  </code></pre>
  
  <p>This adds it in but all the fields in the first column...I know I need to adjust the before line but not sure what to put to select the row and not the element</p>