how to set the 'resultList' on google-maps..

Question

i want make a Control on google-maps:

    function foot() {}
    foot.prototype = new GControl();
    foot.prototype.initialize = function(map) {
        var foot=footDiv = document.createElement("div");
        $('<div class="t"></div><div id="bottom" class="bottom"></div>').appendTo(foot);
        foot.id='foot';
        $(map.getContainer()).append(foot)
      return foot;
    }
    foot.prototype.getDefaultPosition = function() {
      return new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(0,0));
    }

and then:

                    var options = {
                        searchFormHint : "Example Searches: Hotels in New York City",
                        resultList: $('#foot .bottom')[0],
                        onGenerateMarkerHtmlCallback : extendMarker
                    };
            var map = new GMap2(document.getElementById("map_canvas"),{googleBarOptions:options});
            map.addControl(new a());
            map.addControl(new foot());

but i can't append the result div to the 'foot' element,

how do i do..