Невозможно добавить маркеры на карту Google с помощью jQuery

Я пытаюсь добавить маркер (S) в Google map через метод jQuery на этом DEMO, и это код, который я использую:

var map;
$(document).ready(function () {
    var latlng = new google.maps.LatLng(49.241943, -122.889318);
    var myOptions = {
        zoom: 12,
        center: latlng,
        disableDefaultUI: true,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

google.maps.event.addListener(map, 'click', function (event) {
        marker = new google.maps.Marker({
            position: event.latLng,
            map: map,
            draggable: true,
            title: title
        });
        marker.setMap(map);
    });
});

Как вы можете видеть, я использую этот фрагмент для создания маркеров на карте

google.maps.event.addListener(map, 'click', function (event) {
            marker = new google.maps.Marker({
                position: event.latLng,
                map: map,
                draggable: true,
                title: title
            });
            marker.setMap(map);
        }); 

но он не добавляет никаких маркеров на карту! Не могли бы вы сообщить мне, что я делаю неправильно? благодаря