jQuery different click() function for an element within another element with a click()
<p>on my website I have a sidebar panel, which has two tabs that when clicked switch the content beneath. on the <code>&lt;li&gt;</code> for these tabs I have a jQuery <code>click()</code> event to switch the tabs. Please see the screengrab for what I mean</p>

<p><img src="http://cci.epiphanydev2.co.uk/Home_1281538687319.png" alt="alt text"></p>

<p>This was all working fine until our designer wanted the RSS feed link within the <code>&lt;li&gt;</code>, so now when I click on the RSS feed icon, it is being overridden by the <code>click()</code> function on the <code>&lt;li&gt;</code></p>

<p>My jQuery so far for the tabs is as follows:</p>

<pre><code>//NEWS PANEL
$("div.switch-tab div.listing-box").hide();
$(".news ul.tabs li:first").addClass("active").show();
$("div.switch-tab div.listing-box:first").show();

$(".news ul.tabs li").click(function() {
    $(".news ul.tabs li").removeClass("active");
    $(this).addClass("active");
    $("div.switch-tab div.listing-box").hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false;
});
// ATTEMPT TO OVERRIDE
$(".news ul.tabs li a.feed").click(function() {
    return true;
});
//END NEWS PANEL
</code></pre>

<p>Any idea how I can get round this?</p>
