Clicking a link doesn't not fire my script in jQuery
<p>I have the following:</p>

<pre><code>        &lt;div class="controls-buttons"&gt;
            &lt;a id="level-1" href="#"&gt;1&lt;/a&gt;
            &lt;a id="level-12"href="#"&gt;12&lt;/a&gt;
        &lt;/div&gt;
</code></pre>

<p>and:</p>

<pre><code>$('a#level-1').click(function () {
    alert("level-1");
    // all trs with level-1 class inside abc table
    $('tr.level-1').toggle();
});

$('a#level-12').click(function () {
    alert("level 12");
    // all trs with level-1 or level-2 class inside abc table
    $('tr.level-1, tr.level-2').toggle();
});
</code></pre>

<p>However when I click the links then there is no alert shows. Is there something wrong with the way I set this up?</p>
