Select control using jQuery - using value of hiddenfield
<p>I have a hidden field, which has the following markup:</p>

<pre><code>&lt;input type="hidden" name="ctl00$ContentPlaceHolder1$LinksOverview1$ProductView$ctrl1$ctl01$ctl00$DescriptionOfLink$QuestionDivInfo" id="ContentPlaceHolder1_LinksOverview1_ProductView_ctrl1_ctl00_3_DescriptionOfLink_3_QuestionDivInfo_3" value="ContentPlaceHolder1_LinksOverview1_ProductView_ctrl1_ctl00_3_questionMark_3" /&gt;
</code></pre>

<p>The value of my hidden field, is the same as the ID of a span i have:</p>

<pre><code>&lt;span id="ContentPlaceHolder1_LinksOverview1_ProductView_ctrl1_ctl00_3_questionMark_3" class="questionMarkLayout"&gt;(?)&lt;/span&gt;
</code></pre>

<p>I dont know the ID of my span before the code is rendered, but I can access the value of my hidden field.</p>

<p>Using jQuery, I want to:</p>

<ul>
<li>Grap the control, with the ID of the value of my hiddenfield</li>
</ul>

<p>So far I've tried:</p>

<pre><code>&lt;script type="text/javascript"&gt;
    $(document).ready(function () {
        alert('&lt;%#QuestionDivInfo.ClientID %&gt;');
        $('&lt;%#QuestionDivInfo.ClientID %&gt;').val().mouseover(function (e) {
            $('&lt;%#HintDiv.ClientID %&gt;').show();
        });

        $('&lt;%#QuestionDivInfo.ClientID %&gt;').val().mouseleave(function (e) {
            $('&lt;%#HintDiv.ClientID %&gt;').hide();
        });
    });
&lt;/script&gt;
</code></pre>

<p>But it doesn't work.</p>

<p>Any hints? :)</p>
