Como pegar inputs com jquery e ajax

Ola pessoal, estou com a seguinte duvida tenho uma aplicação web que quero ao fazer login na pagina inicial “index.html” pegar o ‘nome’ e ‘email’ e colocar com jquery em uma outra pagina ‘paginaprincipal.html’ .

exemplo:
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>

observação: antes da pagina principal ainda tenho mais duas paginas anteriores