Why does a bound event activate twice in jQuery?

Question

I have some HTML:

<div class="form-item">
 <a id="listStandardsLink" target="_blank" class="" href="/connect/arisbrowser/standards">Select Standards</a>
</div>

And my javascript is:

    $("#listStandardsLink").click( function(e) {
        alert("HARD");
        // DO STUFF

        return false;
    });

For some reason, I get TWO alerts when I click it. Any ideas?

Answer 1

If you are not sure where else you are binding the click event try to unbind the event before you bind it.

$("#listStandardsLink").unbind('click').click( function(e) {
        alert("HARD");
        // DO STUFF

        return false;
    });