Disable or change anchor tag's href using jQuery

I have HTML like this:

<div id="StoreLocatorPlaceHoler_ctl07_ctl00_ctl00_pager_ctl00_ctl00_numeric" class="sf_pagerNumeric">
    <a href="http://www.domain.com/store-list">1</a>
    <a href="http://www.domain.com/store-list/page/2">2</a>
    <a href="http://www.domain.com/store-list/page/3">3</a>
    <a href="http://www.domain.com/store-list/page/4">4</a>
    <a href="http://www.domain.com/store-list/page/5">5</a>
    <a href="http://www.domain.com/store-list/page/6">6</a>
    <a href="http://www.domain.com/store-list/page/7">7</a>
    <a href="http://www.domain.com/store-list/page/8">8</a>
    <a href="http://www.domain.com/store-list/page/9">9</a>
    <a href="http://www.domain.com/store-list/page/10">10</a>
</div>

I have no control over the HTML, can't modify it, it's automatically generated by built-in controls in the CMS.

What I want to do with jQuery is to be able to get the href on each anchor tag and modify it, these tags don't have an ID or class associated with them, how can I access these anchor tags in jQuery? Here's what I've tried so far

jQuery(document).ready(function ($) {

    $(".sf_pagerNumeric a").click(function () {
        alert("clicked");

        window.location = "http://www.google.com";
    });
});

However, clicking on the anchor tag doesn't seem to trigger this code, it just uses the default href and redirects. Any help would be greatly appreciated.

EDIT: I don't really want to change it on click, I can do everything right away when the document loads, I need a way to access those anchors.