JSFiddle - React, Tailwind, and code Playground

by Hifni Nazeer

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<form class="form-horizontal" id="frmClientDetails">
</form>
<button class="button">
  Click Me
</button>

JavaScript

$(document).ready(function() {
  $('.button').click(function() {
    $('#frmClientDetails').append('<li class="list-group-item">' +
      '<div class="form-group">' +
      '<label class= "col-sm-2 control-label" for="customerAccountStatus">Account/Activity Status</label>' +
      '<div class="col-sm-10">' +
      '<p class="form-control-static" id="customerAccountStatus">hello</p>' +
      '</div>' +
      '</div>' +
      '</li>');

  });
});