Abrir/Fechar reveal do Foundation com Jquery

Olá, quero saber como posso abrir e fechar um reveal do framework Foundation Zurb. Eu já vi a documentação e consegui mas o problema é que se eu crio um reveal quando click em um botão especifico ele não funciona.

link da documentação: http://foundation.zurb.com/sites/docs/reveal.html

Exemplo:

HTML

<a id="add">Adicionar</a>
<p><a data-open="exampleModal1">Click me for a modal</a></p>

<div id="resultado">

</div>

	JQUERY

$('#add').click(function(){

 $('#resultado').html('<div class="reveal" id="exampleModal1" data-reveal>'+
 '<h1>Awesome. I Have It.</h1>'+
 '<p class="lead">Your couch. It is mine.</p>'+
 '<p>Im a cool paragraph that lives inside of an even cooler modal. Wins!</p>'+
 '<button class="close-button" data-close aria-label="Close modal" type="button">'+
 '<span aria-hidden="true">×</span>'+
 '</button>'+
 '</div>');

});

	 

	E eu também já tentei alterando o display do reveal, deu certo, mas quando fecho o reveal alterando o display ele desaparece a barra de rolagem da pagina!