jquery css dock menu not working in ASP.NET masterpage
<p>I'm using css dock menu in my ASP.NET web app, I've used it in my master page but it doesn't work and I get a strange exception:</p>

<p>$('#dock').Fisheye is not a function</p>

<p>it is my document ready function:</p>

<pre><code>&lt;script type="text/javascript" src="js/jquery.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="js/interface.js"&gt;&lt;/script&gt;
&lt;link href="dock-menu.css" rel="stylesheet" type="text/css" /&gt;


$(document).ready(function() {
    try
    {
        $('#dock').Fisheye(
                {
                    maxWidth: 50,
                    items: 'a',
                    itemsText: 'span',
                    container: '.dock-container',
                    itemWidth: 40,
                    proximity: 90,
                    halign: 'center'
                }
        )
    }
    catch (ex) {

    }

    $('#scrollbar1').tinyscrollbar();
});
</code></pre>

<p>and this is my HTML containing the dock object:</p>

<pre><code>&lt;div class="dock" id="dock"&gt;
    &lt;div class="dock-container"&gt;
        &lt;a class="dock-item" href="/site/fa/DepartmentsNews.html" title="اخبار واحدهای سازمانی" alt="اخبار واحدهای سازمانی"&gt;&lt;span&gt;اخبار واحدهای سازمانی&lt;/span&gt;&lt;/a&gt;                                               
        &lt;a class="dock-item" href="/site/fa/ReportsCommunities.html" title="گزارش مجامع" alt="گزارش مجامع"&gt;&lt;span&gt;گزارش مجامع&lt;/span&gt;&lt;/a&gt;                                               
        &lt;a class="dock-item" href="/site/fa/FinancialReports.html" title="گزارشات مالی" alt="گزارشات مالی"&gt;&lt;span&gt;گزارشات مالی&lt;/span&gt;&lt;/a&gt;                                               
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>what is going wrong here? </p>
