JsViews: Observable collection changes

Insert person

HTML:

...
    <td data-link="firstName"></td>
    <td>
        <input data-link="firstName" />
    </td>

Script:

$.link.personTmpl( "#details", people );

// Observable array change: insert
$( "#insertPerson" ).on( "click", function() {
    $.observable( people ).insert( 0, { firstName: "NewPerson" + counter++ });
});

// Observable array change: remove
$( "#details" )
    .on( "click", ".close", function() {
        $.observable( people ).remove( $.view( this ).index );
    });