Run function after user stops typing

Question

In my application i want to update a google maps map based on the adres and place a user types. Because i dont want the application to change the map everytime the user types 1 letter i searched for something to lower the ammount off function calls. Because time out will only delay the call to the function ( the function will be called the same times as if it had no delay), I searched for alternatives and found jQUery debounce, i tryed to implement it like:

$('input.locatie-input').on('input', $.debounce(function () {
        console.log('changed');
        initializeMap();
    }, 500));

but i keep getting the following error:

Uncaught TypeError: undefined is not a function

reffering to the following line:

 $('input.locatie-input').on('input', $.debounce(function () {

What am i doing wrong, and is debounce the way to go in this situation ?

UPDATE:

Roko C. Buljan's answer is working, the debounce plugin does the same

debounce plugin code:

_.debounce = function(func, wait, immediate) {
var timeout;
return function() {
    var context = this, args = arguments;
    var later = function() {
        timeout = null;
        if (!immediate) func.apply(context, args);
    };
    var callNow = immediate && !timeout;
    clearTimeout(timeout);
    timeout = setTimeout(later, wait);
    if (callNow) func.apply(context, args);
};
};

Answer 1

See this: jsBin demo

var timeo;                                         // Define timeout var.
$('input.locatie-input').on('input', function(){   // As one types
    clearTimeout(timeo);                           // clear a running timeout
    timeo = setTimeout(initializeMap, 500);        // and set a new one
});

Answer 2

David Walsh has an excellent write-up about debouncing. Roko is correct however.

http://davidwalsh.name/function-debounce