Getting input with jquery and ajax

I have the following doubt I have a web application that I want when I log into the "index.html" home page to get the 'name' and 'email' and put it with jquery on another page 'paginaprincipal.html' p>

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 previous pages

Example: I have a login index that works with ajax and php:

apagebetweenindexandmain

andfinallyIhavemymainpagewhereIwanttore-enterthelogindataofindex.html