Почему то дублируется вывод <td> Ajax. Подскажите

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <table width="100%" cellpadding="5" id="container">
        <tr>
            <th>Title</th>
            <th>ID</th>
        </tr>
    </table>
    <script type="text/javascript">
        $.ajax({
            url: url,
            type: "GET",
            headers: {
                "ACCEPT": "application/json;odata=verbose"
            },
            success: function (data) {
                var results = data.d.results;
                console.log(results, )
                var i = '';
                var idBuid = '';
                var id = '';
                for (i = 0; i < data.d.results.length; i++) {
                    id += data.d.results[i].ID;
                    if (data.d.results[i].ID % 2 == 0) {
                        idBuid += '<tr class="row">' + '<td class="title">' + data.d.results[i].Title + '</td>' + '<td>' + data.d.results[i].ID + '</td>' + '</td>';
                    }
                }
                $(idBuid).appendTo($("#container"));
            }
        });