Buttons

add

add a repetition at the end

remove

delete the nearest repetition

move-up

move the nearest ancestor repetition up one

move-down

move the nearest ancestor repetition down one

<div id="observation" repeat="template" repeat-start="5">
  <label>Species: 
    <input type="text" name="species[observation].name" value="" />
  </label>
  <label>Count: 
    <input type="number" min='1'  value=""
           name="species[observation].number" />
  </label>
  <button type="remove">Delete</button>
  <button type="move-up">Move Up</button>
  <button type="move-down">Move Down</button>
</div>
<div><button type="add" template="observation">Add Species</button></div>