title: Add/remove HTML inside div using JavaScript
body: <p>I want to be able to add multiple rows to a div and also removing them. I have a '+' button at the top of the page which is for adding content. Then to the right of every row there is a '-' button that's for removing that very row. I just can't figure out the javascript code in this example.</p>
  
  <p><strong>This is my basic HTML structure:</strong></p>
  
  <pre><code>&lt;input type="button" value="+" onclick="addRow()"&gt;
  
  &lt;div id="content"&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>This is what I want to add inside the content div:</strong></p>
  
  <pre><code>&lt;input type="text" name="name" value="" /&gt;
  &lt;input type="text" name="value" value="" /&gt;
  &lt;label&gt;&lt;input type="checkbox" name="check" value="1" /&gt;Checked?&lt;/label&gt;
  &lt;input type="button" value="-" onclick="removeRow()"&gt;
  </code></pre>