I' m not sure what am doing wrong, I am trying to populate the title and date of step 1 and 2 with that of the meetings content, when a register button is clicked.
But nothing happens when is clicked, so i guess am not getting the contents right or something.

HTML Code:
<!DOCTYPE html>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<meta charset=utf-8 />


$(document).ready(function() {

$(".button").click(function() {	
var date = $(this).closest(".meetings").children(".meeting-date").text();
var title = $(this).closest.(".meetings").(".title").text();

<article class="meetings">
<div class="meeting-type">
    General Meeting / New York
<h3><a href="" class="title">New York Conference</a></h3>

<section class="meeting_description">
    <div class="speaker">

     <span class="meeting-date">February 28, 2012</span>


<p class="register">
    <a class="button register first" href="#">Register</a>


 <!-- step 1 -->
 <div id='first-modal' class='modal'>
      <h4>Confirm Registration</h4>

   Please click the confirm button below to complete your registration for the event;<br /> 
     <span class="title"></span>
     <span class="date"></span>


<!-- step 2 -->
<div id='second-modal' class='modal'>
    <h4>Registration Complete</h4>

  <p>You have successfully registered for the event;<br /> 
     <span class="title"></span>
     <span class="date"></span>