jQuery Failed To Get HTML Input Value
<p>I have this jQuery script :</p>

<pre><code>$('a.manage-content-link').click(function (e) {
var self = $(this),
    file = self.siblings('input[type="hidden.block-hidden-input"]').val();
var username = $("username").val();
var ids = $(this).attr('id'); 
self.next(".manage-content-wrap").find(".manage-content").load("test1.php?id="+ids+"&amp;file="+file);
e.preventDefault();
});
</code></pre>

<p>and this HTML tags :</p>

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

<p>in the test1.php, I have this :</p>

<pre><code>&lt;?php
$file = $_GET['file'];
$id = $_GET['id'];

echo $file ."&lt;br&gt;";
echo $id ."&lt;br&gt;";
echo "Hello World";
?&gt;
</code></pre>

<p>and here's what I got as an output :</p>

<pre><code>undefined &gt;&gt; should be 001
manage-1
Hello World
</code></pre>

<p>why that script failed to get the Input Value (in this case : 001), but it successfully get 'ids' from a href' ID?</p>
