List.js Input Example

     <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/list.js/1.2.0/list.min.js"></script>

        <div id="users">
            <table>
                <!-- IMPORTANT, class="list" have to be at tbody -->
                <tbody class="list">
                <tr>
                    <td style="display:none;"><input class="id" type="hidden" value="1"></td>
                    <td><input class="name form-control" value="Jonny Stromberg"></td>
                    <td><input class="born form-control" value="1986"></td>
                </tr>
                <tr>
                    <td style="display:none;"><input class="id" type="hidden" value="2"></td>
                    <td><input class="name form-control" value="Jonas Arnklint"></td>
                    <td><input class="born form-control" value="1985"></td>
                </tr>
                </tbody>
            </table>
        </div>

        <script>
            $(document).ready(function () {
                var options = {
                    valueNames: ['id', 'name', 'born']
                };

                var userList = new List('users', options);

                userList.add({
                    id: '3',
                    name: 'Micael Delaoglou',
                    born: '1963',
                });
            });
        </script>