data table add/removed daynamicaly

HTML

<form>
        <input type="text" id="name" placeholder="Name">
        <input type="text" id="email" placeholder="Email">
    	<input type="button" class="add-row" value="Add Row">
    </form>
    <table>
        <thead>
            <tr>
                <th>No</th>
                <th>Name</th>
                <th>Email</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>Peter Parker</td>
                <td>peterparker@mail.com</td>
            </tr>
        </tbody>
    </table>
    <button type="button" class="copy-data">Copy Data</button>
    
    
        <table id="tablesTwo">
        <thead>
            <tr>
                <th>No</th>
                <th>Name</th>
                <th>Email</th>
            </tr>
        </thead>
        <tbody>
           
        </tbody>
    </table>

CSS

form{
	margin: 20px 0;
    }
    form input, button{
	padding: 6px;
    font-size: 18px;
    }
    table{
        width: 100%;
        margin-bottom: 20px;
		border-collapse: collapse;
		background: #fff;
    }
    table, th, td{
        border: 1px solid #cdcdcd;
    }
    table th, table td{
        padding: 10px;
        text-align: left;
    }
	body {
		background: #ccc;
	}
	.add-row, .delete-row {
	font-size: 16px;
    font-weight: 600;
    padding: 8px 16px;
	}

JavaScript

$(document).ready(function(){
 var cnt=1;
        $(".add-row").click(function(){
         cnt++;
            var name = $("#name").val();
            var email = $("#email").val();
            var markup = "<tr><td>"+ cnt +"</td><td>" + name + "</td><td>" + email + "</td></tr>";
            $("table tbody").append(markup);
        });
        
        // Find and remove selected table rows
        $(".copy-data").click(function(){
           
            
            $("table tbody tr").each(function(){
            
            var cnts=$(this).find('td:eq(0)').val();
            var name=$(this).find('td:eq(0)').val();
            var email=$(this).find('td:eq(0)').val();
            
               $("#tablesTwo").append('<tr><td>"+ cnts +"</td><td>" + name + "</td><td>" + email + "</td></tr>')
            
             
            });
        });
    });