My code will not work as I am trying to get my values to submit to another html page while keeping them. If I put a `return false;` it will go to the next HTML page without keeping the values; and if I don't have that it keeps the values without going to the next page. Please help if this is actually possible and if it is not please give me other suggestions.

```js
document.getElementById('form').onsubmit = function(e) {
  class matches {
    constructor(name1, name2) {
      this.name1 = name1;
      this.name2 = name2;
    }
  }
  const p1 = document.querySelector('#person1').value;
  const p2 = document.querySelector('#person2').value;
  const pair = new matches(p1, p2);
  console.log(`${pair.name1} and ${pair.name2}`);
  return false;
};
```

```html
<div id="main-header">
  <h1>Ship It! &#10085;</h1>
</div>
<div id="container">
  <div id="title">
    <h1>What is your magical Ship?</h1>
    <form action="pages/lodaing.html" id="form"> <input type="text" placeholder="Your Firstname" id="person1" autocomplete="off">
      <input type="text" placeholder="Their Firstname" id="person2" autocomplete="off"><br>
      <a href="/pages/lodaing.html"><button id="button" type="submit"><a href="/pages/lodaing.html"onclick="">&#9829</a></button>
      </a>
    </form>
  </div>
</div>
```

If I need to add anything else please inform me. Sorry if I am not using the correct terms (I am new to the work).

Thank you!