<tbody>
            <script id="entry-template" type="text/javascript">
                <div class="body">
                        <tr>
                            <td>{{{username}}}</td>
                            <td>{{{email}}}</td>
                            <td>{{{role}}}</td>
                            <td>{{{status}}}</td>
                            <td><button id='btn_change' data= {{id}}>Change</button></td>
                        </tr>
                </div>

            </script>
            </tbody>

<script type="text/javascript" src="js/handlebars-v4.1.2.js"></script>

$.ajax({
                        type: 'GET',
                        url: 'api/users',
                        dataType: 'json',
                        cache: false,
                        traditional: true,
                        success: function(response) {
                            var json = JSON.parse(response);
                            var source   = document.getElementById("entry-template").innerHTML;
                            var template = Handlebars.compile(source);
                            var html    = template(json);
                            container.append(html);
                    }