Question

Possible Duplicate:
preventDefault() won't work for me

I have this HTML code

<div id="nav-bar">  
  <span>  
        <a href="check.html">check</a>  
      </span>  
</div>

Now i’m trying to bind click event for this anchor tag and using stopPropagation but it’s not working.

$('div#nav-bar').filter('a').click(function(event){
    event.preventDefault();
});

Answer 1

You’re misusing .filter(). That’s for narrowing down your jQuery object’s selections. .find() will look for matching elements inside the elements in your jQuery object (hence $('div#nav-bar').find('a') will look for <a> in <div id="nav-bar"> elements).

However, you’ll also find better mileage if you just use a direct selector outright:

$('#nav-bar a').click(function (e) {
    e.preventDefault();
});

The selector #nav-bar a selects all <a> elements inside #nav-bar elements.