JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<form method="POST">
        <div class="campos">
            Nome:<br>
            <input name="nomes[]">
            <br>Email:<br>
            <input name="emails[]">
        </div>
        <input type="submit">
    </form>
    <button class="add_friend">Adicionar amigo</button>

JavaScript

$('.add_friend').on('click', function(){
        var campos = $('.campos').eq(0).clone(); // copiar só um destes elementos, escolhi copiar o primeiro que é o unico que tenho a certeza que vai sempre existir
        campos.find('input').val(''); // por o valor dos inputs dos novos campos (nome/email) vazios para o caso de termos preenchido já nos primeiros inputs ($('.campos').eq(0))
        $('input[type="submit"]').before(campos);
    });