You can refer below code snippet, which adds new row to a table by copying existing row html.
<html>
<head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script>
</head>
<body>
<table id="mainTbl" class="table-hover table12">
<thead>
<tr>
<td class="timezone1">
Holiday Names
</td>
<td class="timezone1">
Dates
</td>
</tr>
</thead>
<tr class="BindDDLClass">
<td class="BindDDL">
<select id="select1">
<option>1</option>
<option>2</option>
</select>
</td>
<td class="BindTxt">
<input type="text" class="datetext" id="datetxts" />
</td>
</tr>
</table>
<a href="#" id="BtnAdd" class="table12" onclick="return false">AddHoliday</a>
<script>
$(document).ready(function () {
$("#BtnAdd").on('click', function () {
var trHtml = $('.BindDDLClass').html();
$('#mainTbl').append("<table><tbody><tr>" + trHtml + "</tr></tbody></table>");
});
});
</script>
</body>
</html>