title: jQuery Modal Window Not Firing on Second Link?
body: <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>