Fetch variable in javascript from a link
<p>I am trying to get a PHP varible to send through javascript and I am having trouble. I am using a jQuery popup I found online and when a user clicks an item, I need that item_id varible to be fetchable in the popup where I want to add a form.</p>

<p>My PHP section. 
<code>&lt;a href="#?w=500&amp;item_id='.$stock['id'].'" rel="popup1" class="poplight"&gt;</code></p>

<p>and the Javascript.
`$(document).ready(function(){</p>

<pre><code>//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

    //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
    var itemID = dim[0].split('=')[2]; //Gets the second 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="/layout/close_pop.png" class="btn_close" title="Close Window" alt="Close" /&gt;&lt;/a&gt;');

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

    document.getElementById('popup1').innerHtml = itemID;

    //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 

    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>});`</p>

<p>I added what I thought you work, but it does not <code>var itemID = dim[0].split('=')[2]; //Gets the second query string value</code> and <code>document.getElementById('popup1').innerHtml = itemID;</code></p>
