How do you change a "a href" link but only certain selected ones in jQuery?

Question

I want to change the behaviour on a "a href" link but only on ones that have a custom made attribute called open

e.g.

<a href="#" action="open">Link 1</a>
<a href="http://www.google.co.uk/"&gt;&lt;/a&gt;

I want to change only the behaviour of the first one. So I do a:

jQuery('a[action|=open]').live('click', function(evt) {
      do something;
});

but nothing happens. The selector selects all the specified elements but the click event is not exectued. What am I doing wrong?

Answer 1

It's easier to do this with a class name:

$('a.open').click(function(){...})

<a href="#" class="open">Link 1</a>

Answer 2

Your code will work, but not all browsers support custom attributes. I suggest following @Diodeus' answer, and using classes. This jsFiddle works for me in Chrome, but it may not in all browsers.