Make input value bind to another input value in AngularJS

I'm having trouble binding one input element to another input element. One input lives on home.html and the other lives on modal.html that pops up over the website. I want the values of input id "land-input" on home.html to transfer to input id "modal-email" on modal.html

Currently it's not transferring the value at all and "modal-email just uses the placeholder text. Help is appreciated.

HTML - home.html

<input id="land-input" placeholder="E-Mail Address" type="email">

HTML - modal.html

<input id="modal-email" placeholder="E-Mail Here" required ng-model="user.emailAddress" email-Available name="email" type="email">

AngularJS

function innerSubmit() {
    $scope.user.emailAddress = document.getElementById('land-input').value;

}