How To Pass PHP Variables On jQuery Load?
<p>I have code like this :</p>

<pre><code>&lt;?php
$username = 'johndoe';
?&gt;

&lt;head&gt;
&lt;script&gt;
...
$('a.manage-content-link').click(function (e) {
    var self = $(this),
        file = self.siblings('input[type="hidden.block-hidden-input"]').val();
    self.next(".manage-content-wrap").find(".manage-content").load("file-" + file + ".php");
    e.preventDefault();
});
...
&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;
...
&lt;li&gt;&lt;input type="hidden" value="001" class="block-hidden-input" /&gt;
    &lt;a href="#" id="manage-1" class="manage-content-link"&gt;
        &lt;img src="images/web-block/web-block1.jpg"/&gt;
        &lt;span class="orange-notice"&gt;Click to Edit Content&lt;/span&gt;    
    &lt;/a&gt;
&lt;/li&gt;

&lt;li&gt;&lt;input type="hidden" value="002" class="block-hidden-input" /&gt;
    &lt;a href="#" id="manage-2" class="manage-content-link"&gt;
        &lt;img src="images/web-block/web-block2.jpg"/&gt;
        &lt;span class="orange-notice"&gt;Click to Edit Content&lt;/span&gt; 
    &lt;/a&gt;
&lt;/li&gt;
...
&lt;/body&gt;
</code></pre>

<p>as you can see there, every time user click "manage-content-link" class, either manage-1, manage-2, ... or even manage-X (multiple li tags) jQuery will load "file-XXX.php". which XXX is actually value of hidden input in li tag.</p>

<p>but that "file-XXX.php" requires $username from PHP tags and ID itself, that is "manage-X". how to pass this 2 variables needed by "file-XXX.php", one from PHP and other from ID's?</p>
