How to pick up inputs with jquery and ajax

Question

I am with the following doubt I have a web application I want when logging into the homepage "index.html" take the 'name' and 'email' and put with jquery in another page 'paginaprincipal.html' .

for example: index.html

   <form name="form-login" id="MyForm">
        <input id="email" type="text" name="email" required>
        <input id="senha" type="password" name="senha" required>

        <button type="submit" id="btnLogin">Acessar</button>
   </form>

paginaprincipal.html

<div id="pega">
      Nome: <p id="nome"></p>
      Email: <p id="nome"></p>
</div>

note: before the main page I still have two more previous pages

---

Example: I have an index with login that is working with ajax and php:

a page between index and main

and finally I have my main page where I want to go back to the login data of the index.html