JSFiddle - React, Tailwind, and code Playground

HTML

<div class="well span9">
<table width="100%" border="0" cellspacing="0" cellpadding="10" id="nextYear" class="border">
    <tr class="d_green">
        <td colspan="6">NEXT YEAR</td>
      </tr>
    <tr>
      <td width="36%">Activity</td>
      <td width="9%">Risk</td>
      <td width="13%">Hours</td>
      <td width="13%">Weeks</td>
      <td width="13%">Average</td>
      <td width="16%">&nbsp;</td>
    </tr>
    <tr>
      <td align="center"><input type="text" name="activity" id="nextYearSelect1" class="input_b_r" /></td>
      <td class="risk"><select name="nextYearRisk1" id="nextYearRisk1">
          <option></option>
          <option>low</option>
          <option>moderate</option>
          <option>high</option>
      </select></td>
      <td><input type="text" name="textfield" id="nextYearHours1" class="input_b_r" /></td>
      <td><input type="text" name="textfield2" id="nextYearWeeks1" class="input_b_r" /></td>
      <td><input type="text" name="textfield3" id="nextYearAverage1" class="input_b_r" /></td>
      <td><input type="button" name="button2" id="button2" value="New Row" class="button mt5" /></td>
    </tr>
    <tr class="l_white">
      <td align="center">&nbsp;</td>
      <td colspan="4" align="right"><table width="100%" border="0" cellpadding="2" cellspacing="0">
        <tr>
          <td width="65%">Total of moderate risk activities:</td>
          <td width="35%"><input type="text" name="totalModNextYear" id="textfield6" class="input_b1" /></td>
          <td width="35%">hours/year</td>
        </tr>
        <tr>
          <td>Total of high-risk activities:</td>
          <td><input type="text" name="totalHighNextYear" id="textfield7" class="input_b1" /></td>
          <td>hours/year</td>
        </tr>
      </table></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td align="center">&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td colspan="2" align="right"><input type="submit" name="button3"...

CSS

/*!
 * Bootstrap v2.3.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

a:hover,
a:active {
  outline: 0;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

#map_canvas img,
.google-maps img {
  max-width: none;
}

button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}

button,
input {
  *overflow: visible;
  line-height: normal;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance:...

JavaScript

var table = $( '#nextYear' )[0];

var newIDSuffix = 2;
$( table ).delegate( 'input[type="button"]', 'click', function () {
    var thisRow = $( this ).closest( 'tr' )[0];
    
    var cloned = $( thisRow ).clone();
    cloned.find('input, select').each(function() {
         var id = $(this).attr('id');
         id = id.substring(0, id.length-1) + newIDSuffix;
         $(this).attr('id', id);
    });
    
    cloned.insertAfter( thisRow ).find( 'input:text' ).val( '' );
    $(this).remove();
    newIDSuffix++;
});


$(function() {
        var availableTags = [
    "10 pin bowling",
    "20/20 cricket",
    "abseiling",
    "acrobatic gymnastics",
    "acrobatics",
    "acrobatics class",
    "active play",
    "activities and games",
    "aerobics",
    "AFL",
    "american football",
    "aquaerobics",
    "archery",
    "artistic gymnastics",
    "athletics",
    "aussie rules",
    "austag",
    "australian rules football",
    "backyard cricket",
    "backyard play",
    "badminton",
    "ball games",
    "ball play",
    "ballet",
    "ballet dancing",
    "ballroom dancing",
    "baseball",
    "basketball",
    "basketball practice",
    "basketball training",
    "beach",
    "beach volleyball",
    "bicycle",
    "bicycling",
    "bike ",
    "bike ride",
    "bike riding",
    "bikeriding",
    "BMX",
    "BMX bike",
    "BMX racing",
    "board surfing",
    "boarding",
    "body surfing",
    "bodysurfing",
    "boogie boarding",
    "bowling",
    "boxercise",
    "boxing",
    "boxing classes",
    "bushwalk",
    "bushwalking",
    "canoeing",
    "chasings",
    "cheerleading",
    "chopping wood",
    "circuit training",
    "climbing",
    "climbing equipment",
    "climbing trees",
    "contemporary dancing",
    "continuous cricket",
    "cricket",
    "cricket training",
    "croquet",
    "cross country running",
    "cross country skiing",
    "cross country training",
    "cycling",
    "dance",
    "dance practice",
    "dance training",
 ...