tagging

HTML

<html>
    <head>
        <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
        <link rel="stylesheet" href="/css/bootstrap.css">
        <!-- TAGS -->
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/bootstrap.tagsinput/0.8.0/bootstrap-tagsinput.css"> 
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
        <script src="https://cdn.jsdelivr.net/bootstrap.tagsinput/0.8.0/bootstrap-tagsinput.min.js"></script>
        <link rel="stylesheet" type="text/css" href="jquery.tagsinput.css" />
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
        <script type="text/javascript" src="/jquery.tagsinput.js"></script>
        <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js'></script>
        <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/themes/start/jquery-ui.css" />   
    </head>

    <div class="form_thema">
        <form action='' method="post" name='mod' id='mod'>

            <!--  COPY FIELDS --> 
            <div class="form-group fieldGroupCopy" style="display: none;">     
                <table>
                    <tr> 
                        <td class='first_td'><label for="titel"><b>Tittle:</b></label></td>
                        <td><input  type="text" name="title[]" class="form-control" placeholder="Title"/></td>
                        <td><a href="javascript:void(0)" class="btn btn-danger remove">-</a></td>
                    </tr>
                    <tr>
                        <td><b>Description:</b></td>
                        <td><textarea type="text" name="description[]" class="form-control"           placeholder="description"/></textarea></td>
                    </tr>
                    <tr>
                        <td><label for="Tags"><b>Tags</b></label></td>
   ...

JavaScript

$(document).ready(function (e) {
        
    //group add limit
    var maxGroup = 10;

    //add more fields group        
            $(".addMore2").click(function() {
                $(".tagging").css("display", "none"); 
        if ($('feld2').find('.fieldGroup').length < maxGroup) {
            var fieldHTML = '<div class="form-group fieldGroup">' + $(".fieldGroupCopy").html() + '</div>';
            $('feld2').find('.fieldGroup:last').after(fieldHTML);


        } else {
            alert('Maximum ' + maxGroup + ' groups are allowed.');
        }
    });
   

    //remove fields group
            $("feld2").on("click", ".remove", function () {
        $(this).parents(".fieldGroup").remove();
    });
    
});