jQuery Modal Window Not Firing on Second Link?
<p>Why isn't this jQuery firing up clicking the "Legal" link? It works for the "Add..." Link..</p>

<blockquote>
  <p><strong>HTML</strong>></p>
</blockquote>

<pre><code>&lt;div id="top_function"&gt;
    &lt;div class="functions" style="margin-top:7px;"&gt;&lt;img src="img/addProfIcon.png"  width="32" height="32" /&gt;
        &lt;h4&gt;&lt;a href="#?w=500" rel="popup_name" class="poplight"&gt;Add...&lt;/a&gt;&lt;/h4&gt;&lt;!-- ADD PROF/COURSE --&gt;
    &lt;/div&gt;&lt;!--function1--&gt;
    &lt;!--&lt;div class="functions"&gt;&lt;img src="img/disclaimerIcon.png"  width="32" height="32" /&gt;&lt;h4&gt;&lt;a href="#"&gt;Compare&lt;/a&gt;&lt;/h4&gt;&lt;/div&gt;--&gt; 
    &lt;div class="functions"&gt;&lt;img src="img/disclaimerIcon.png"  width="32" height="32" /&gt;
        &lt;h4&gt;&lt;a href="#?w=500" rel="popup_name2" class="poplight2"&gt;Legal&lt;/a&gt;&lt;/h4&gt;
    &lt;/div&gt;&lt;!--function3--&gt; &lt;!-- LEGAL --&gt;
    &lt;div class="functions"&gt;&lt;img src="img/contactIcon.png"  width="32" height="32" /&gt;&lt;h4&gt;&lt;a href="#"&gt;Contact&lt;/a&gt;&lt;/h4&gt;&lt;/div&gt;&lt;!--function4--&gt; &lt;!-- CONTACT --&gt;
&lt;/div&gt;
</code></pre>

<blockquote>
  <p><strong>Modal.js</strong>></p>
</blockquote>

<pre><code>$(document).ready(function() {
$('a.poplight[href^=#]').click(function() {
    var popID = $(this).attr('rel'); //Get Popup Name
    var popURL = $(this).attr('href'); //Get Popup href to define size

    //Pull Query &amp; Variables from href URL
    var query= popURL.split('?');
    var dim= query[1].split('&amp;');
    var popWidth = dim[0].split('=')[1]; //Gets the first query string value

    //Fade in the Popup and add close button
    $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('&lt;a href="#" class="close"&gt;&lt;img src="img/close.png" class="btn_close" title="Close Window" alt="Close" /&gt;&lt;/a&gt;');

    //Define margin for center alignment (vertical   horizontal) - we add 80px to the height/width to accomodate for the padding  and border width defined in the css
    var popMargTop = ($('#' + popID).height() + 80) / 2;
    var popMargLeft = ($('#' + popID).width() + 80) / 2;

    //Apply Margin to Popup
    $('#' + popID).css({
        'margin-top' : -popMargTop,
        'margin-left' : -popMargLeft
    });

    //Fade in Background
    $('body').append('&lt;div id="fade"&gt;&lt;/div&gt;'); //Add the fade layer to bottom of the body tag.
    $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies 

    return false;
});

//Close Popups and Fade Layer
$('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
    $('#fade , .popup_block').fadeOut(function() {
        $('#fade, a.close').remove();  //fade them both out
    });
    return false;
});
});
</code></pre>

<p><strong>Actual Contents of Modal Window (For Now):</strong></p>

<p></p>

Test

<p></p>
