Why jQuery function returns null?
<p>I have this form:</p>

<pre><code>&lt;form action="javascript:;" class="iceFrm" enctype="application/x-www-form-urlencoded" id="frmMainMenu" method="post" onsubmit="return false;"&gt;
.....
&lt;/form&gt;
</code></pre>

<p>I do not understand why this script:</p>

<pre><code>&lt;script type="text/javascript"&gt;
$(document).ready(function () {
    $("#frmMainMenu").$("#menuPopupAP").$("#menuItem0").$("#out").css('padding','0 0 0 29px');
});
&lt;/script&gt;
</code></pre>

<p>says:</p>

<blockquote>
  <p><code>$("#frmMainMenu")</code> is null</p>
</blockquote>

<p>in Firebug.</p>

<p><strong>UPDATE:</strong>
This is the html element (from the above form) I want to change the padding on:</p>

<pre><code>&lt;span id="frmMainMenu:menuPopupAP:menuItem0:out" class="iceOutTxt iceMnuItmLabel graMenuPopupMenuItemLabel"&gt;My Applications&lt;/span&gt;
</code></pre>

<p>Update 2:</p>

<p>I've forgot to mention that this span is within a menu, so basically it's hidden normally and displayed only when hovering on some div... Does jQuery finds it even if it's not displayed?</p>

<p>Do you know why?</p>
