Retrieve values upon calling Reveal modal window

Retrieve values upon calling Reveal modal window

I've been trying to open a Reveal modal window, then call a javascript
function to retrieve values to place in the new modal window before I
reveal the new modal window. However, the code never seems to call the
javascript function; rather it skips over it and opens the modal window.
(I checked through Firebug; I placed a breakpoint right after name =
$('.setName').text(); and the code never stopped) Any ideas? Thanks!
HTML:
<p><a href='#' data-reveal-id='membersPortfolios' id='memberPortfolioInfo'
onclick='javascript:showModal();'><span
class='setName'><b>Bob</b></span></a><br />
Grade: <span class='setGrade'>12</span>
<span class='setEmail' style='display: none;'>example@example.com</span>
<span class='setPhone' style='display: none;'>123-456-7890</span>
<span class='setUrl' style='display: none;'>images/face.png</span></p>
jQuery:
function showModal() {
name = $('.setName').text();
grade = $('setGrade').text();
email = $('.setEmail').text();
phone = $('.setPhone').text();
imgURL = $('.setURL').text();
$('#membersPortfolios').foundation('reveal', 'open');
}
Modal Window:
<div id="membersPortfolios" class="reveal-modal">
<a class="close-reveal-modal">&#215;</a>
</div>