jQuery .click() not binding properly
<p>I want to perform some action when a link is clicked, I am using the following code to achieve this however it rarely works.  If I click the link it usually refreshes the page, and 1/10 times it'll actually pop up "Hi".  What is wrong?</p>

<pre><code>$(document).ready(function()
{
    $('#slconfiglink').click(function()
    {
        alert("hi");
        return false;
    });

});
</code></pre>

<p>HTML:</p>

<pre><code>&lt;ul&gt;
    &lt;li&gt;&lt;a href="#" id="slconfiglink"&gt;Config 1&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>Note that the ID's are not replicated elsewhere in the HTML</p>
