title: Foudation Zurb dynamic Reveal modal box
body: <p>I have a few items in a list, each item has a delete link, I want a reveal modal box shown when they press the delete button with a YES and Cancel link inside.</p>
  
  <p>If the user presses the YES button the reveal modal should redirect to something like this:</p>
  
  <p>www.url.com/delete/item_id</p>
  
  <p>how could I pass the item_id to the Reveal modal box?</p>
  
  <p>Foundation reveal modal box: <a href="http://foundation.zurb.com/docs/reveal.php" rel="noreferrer">http://foundation.zurb.com/docs/reveal.php</a></p>
  
  <p>Modal Box (item_id should be passed to modal box):</p>
  
  <pre><code>&lt;div id="myModal" class="reveal-modal [expand, xlarge, large, medium, small]"&gt;
    &lt;h2&gt;Are you sure you want to delete this item?&lt;/h2&gt;
    &lt;a href="/delete/item_id"&gt;Yes&lt;/a&gt;
    &lt;a class="close-reveal-modal"&gt;Cancel&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Calling Reveal: </p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
    $(document).ready(function() {
      $("#deleteItem").click(function() {
        $("#myModal").reveal();
      });
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>HTML (item_id should be passed to modal):</p>
  
  <pre><code>&lt;a href="item_id" class="button" data-reveal-id="myModal" id="deleteItem"&gt;Delete Item&lt;/a&gt;
  </code></pre>