ajax call on hyperlink and hashbang

Question

I try to use ajax calls in my pagination on hyperlink click, but fails if I use the following method

$('a#page').on('click',function(event){      
    var page = $(this).data('id');     
    //here I generate my own url
    window.location.hash = buildURI('start', page);
    search_products();

});

the first click is getting executed and the second fails with the following error in firebug

syntax error
this.href=

BuilURI method

//Method to build hashbang
function buildURI(facet, values) {
    var uri_params = ['price', 'display', 'ram', 'hdd', 'brands', 'model', 'cpu', 'category','start','search_selection','order'];
    //console.log(values);
    var url = getUrlVars();   
    if (facet === 'brands') {
        get_models(values);
    }

    if(values.legth === -1){
        delete url.facet;
    }

    if (window.location.hash+'!') {
        var hash = window.location.hash;
        if(facet === "brands"){
            if(url.model){
                delete url.model;
            }
        }

    if(facet != "start"){
            if(url.start){
                delete url.start;
            }
        }        
        //check hashabng against parameters
        $.each(uri_params, function(index, param) {
            $.map(url, function(value, key) {
                if (key === facet) {
                    url[key] = values;
                }
            });
        });

        var uri = '#!' + decodeURIComponent($.param(url, true));
        //if facet do not match with the hashbang string we append a new one
        if (!hash.match(new RegExp('!' + facet + '(.*)|&' + facet + '(.*)'))) {
            uri += "&" + facet + "=" + values;
        }
    } else {
        uri += '#!' + facet + "=" + values;
    }

    return uri;
}