jQuery addClass example

Change class name on click in jQuery

by Dmitri Ganenco

HTML

<form>
  <div class="input-group control-group after-add-more">
    <input type="text" name="column[]" class="form-control" placeholder="Enter Column name here">
    <div class="input-group-btn">
      <button class="btn btn-success add-more" onclick="addMore()" type="button"><i class="glyphicon glyphicon-plus"></i></button>
    </div>
  </div>
  <input type="hidden" name="projectid" class="form-control" value="'.$_REQUEST['project_id'].'">
</form>

<!-- Copy Fields -->
<div class="copy hide">
  <div class="control-group input-group" style="margin-top:10px">
    <input type="text" name="column[]" class="form-control" placeholder="Enter Column name here">
    <div class="input-group-btn">
      <button class="btn btn-danger remove" type="button"><i class="glyphicon glyphicon-asterisk"></i></button>
    </div>
  </div>
</div>

JavaScript

function addMore() {
  var html = $(".copy").html();
  $(".after-add-more").after(html);
}
CSS