Foundation 6 Reveal ajax not working
<p>I'm trying to create a reval Modal Foundation 6 and Ajac, but does not work.
I followed the official guide</p>

<p>Page html
<div class="snippet" data-lang="js" data-hide="false" data-console="true">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;&lt;html lang="it"&gt;
&lt;head&gt;
 &lt;title&gt;Avvisi&lt;/title&gt;
 &lt;link href="http://ci.dev/assets/css/foundation.min.css" rel="stylesheet" type="text/css" /&gt;
&lt;script src="http://ci.dev/assets/js/vendor/jquery.min.js" type="text/javascript"&gt;
&lt;/script&gt;&lt;script src="http://ci.dev/assets/js/foundation.min.js" type="text/javascript"&gt;&lt;/script&gt;&lt;script src="http://ci.dev/assets/js/foundation.reveal.js" type="text/javascript"&gt;&lt;/script&gt;&lt;link href="http://ci.dev/assets/css/reveal.css" rel="stylesheet" type="text/css" /&gt;&lt;link href="http://ci.dev/assets/css/motion-ui.css" rel="stylesheet" type="text/css" /&gt;&lt;script src="http://ci.dev/assets/js/vendor/what-input.min.js" type="text/javascript"&gt;&lt;/script&gt;&lt;script src="http://ci.dev/assets/js/vendor/motion-ui.js" type="text/javascript"&gt;&lt;/script&gt;&lt;/head&gt;
&lt;body&gt;
&lt;h2&gt;Title&lt;/h2&gt;&lt;p&gt;Message&lt;/p&gt;
&lt;span&gt;&lt;a href='http://ci.dev/AR-PIB/warn/edit_v/160/284'&gt;Edit&lt;/a&gt;&lt;/span&gt;&lt;span id='160|284'&gt;&lt;a class='big-link' href='#' data-reveal-id='myModal' data-animation='fade'&gt;Delete&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;hr/&gt;
&lt;script type="text/javascript"&gt;jQuery(document).ready(function() {
 jQuery('.big-link').click(function(){
 var dati = jQuery(this).parent().attr('id');
 var $modal = $('#modal');
 alert($modal)
 $.ajax({'http://ci.dev/AR-PIB/Warn/delete'})
 .done(function(resp){
 alert(resp);
 jQuery('body').append(resp); 
 $modal.html(resp.html).foundation('open');
 conaole.log(resp);
  });
 });
});
&lt;/script&gt;
&lt;script src="http://ci.dev/assets/js/app.js" type="text/javascript"&gt;&lt;/script&gt;&lt;/body&gt;&lt;/html&gt;</code></pre>
</div>
</div>
</p>