Используя jQuery, я хотел бы иметь возможность получить индекс li, где HREF содержимого тега привязки равен "#All". (В этом случае правильный результат будет 3)

<div id="tabs">
    <ul>
        <li><a href="#CPU"><span>CPU</span></a></li>
        <li><a href="#Pickup"><span>Pickup</span></a></li>
        <li><a href="#Breakfix"><span>Breakfix</span></a></li>
        <li><a href="#All"><span>All</span></a></li>
    </ul>
</div>

Я пытался:

$("#tabs ul").index($("li a[href='#All']"))

... без удачи. Что я делаю неправильно?