jquery: not selector problem?
<p>The following snippet applies a #breadcrumb hash to each link once it's clicked. That works fine.</p>

<pre><code>$('#main a').live('click',function() {
    $(this).attr('href', $(this).attr('href') + "#breadcrumbs");     
});
</code></pre>

<p>Now I want to make sure that happens just if a link does not already have a #hash in it. Otherwise what happens is I click a link and the outcome looks like this: <code>http://page.com/whatever#hash#breadcrumbs</code> I simply want to prevent that.</p>

<p>However the following code does not work. If I add the :not selector none of the links adds the #breadcrumb hash (with or without already existing #hash)</p>

<pre><code>$('#main a:not([href*="#"]').live('click',function() {
    $(this).attr('href', $(this).attr('href') + "#breadcrumbs");     
});
</code></pre>

<p>Any idea what I'm doing wrong here?</p>
