title: trying to make light box, getting Jquery Syntax error
body: <p>I am trying to get a light box to display when you click a  tag on the page.  Basically it the js is trying to take the href and use it to get the width.  (not the best at js and jquery) so any help is gonna be very much appreciated.</p>
  
  <p>error im getting:</p>
  
  <blockquote>
    <p>Error: Syntax error, unrecognized expression: #?w=500, a[name=?w=500] @ <a href="http://code.jquery.com/jquery-latest.js:4680" rel="nofollow">http://code.jquery.com/jquery-latest.js:4680</a></p>
  </blockquote>
  
  <p>html</p>
  
  <pre><code>&lt;a href="#?w=500" rel="diff" class="poplight"&gt;
        &lt;h1 class="blue"&gt;diff&lt;/h1&gt;
  &lt;/a&gt;
  &lt;div id="diff" class="popup_block"&gt;
     &lt;p&gt;text in light box&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Jquery:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
          $(document).ready(function() {
          //When you click on a link with class of poplight and the href starts with a # 
          $('a.poplight[href^=#]').click(function() {
              var popID = $(this).attr('rel'); //Get Popup Name
              var popURL = $(this).attr('href'); //Get Popup href to define size
              window.alert('2 test in the popup function ');
              //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" style="float:right;"&gt;Close&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()) / 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=90)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=90)'}) 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;
          });
          });
      &lt;/script&gt;
  </code></pre>