How to retrieve form data in Emberjs

This is my first Ember App and I could really use some help. I have created a sign in page on which there are two input fields for each player's name. The goal is to capture each name upon clicking submit and pushing them to a model (or store?) so I can retrieve them from another template.

Here is the form template:

<div class="enterNames">
  <h2>Player Sign In</h2>
  <form  >
    <div class="p1input">
      
    </div>
    <div class="p2input">
      
    </div>
    <button>Submit</button>
  </form>
</div>

Is this something that would be done using a model hook within a route? If so, what would that route look like?