javascript - onclick 属性で false を返す

Question

私はこのコードを持っています:

<ul>
    <li class="foo" onclick="alert('Hello')">a</li>   
    <li class="foo" onclick="alert('Hello')">b</li>
    <li class="foo" onclick="alert('Hello')">c</li>
</ul>

alert()テキスト「a」をクリックしたときのデフォルトのアクションを防止したいので、次の<li>コードを使用します。

$(document).on('click','.foo', function(){
    if ($(this).text()=='a')
        return false;
});

しかし、これは機能しません: http://jsfiddle.net/Trk6W/10/

javascript を変更するだけの解決策はありますか?

onclick更新:の値liが変更される可能性があるため、属性を削除したくありません