jQuery Gmap plugin [Error: has no method 'gmap' ]

jQuery Gmap plugin [Error: has no method 'gmap' ]

Hello 

I added the jQuery google map plugin but i got this error : 
Uncaught TypeError: Object [object Object] has no method 'gmap'


My html :

<!DOCTYPE HTML>
<html>
<head>
<script>window.$ = window.jQuery = WLJQ;</script>
<title>test_geo</title>

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script src="js/jquery.js"></script>
<script src="js/jquery.ui.map.js"></script>
<script type="text/javascript">

$(document).ready(function() {
    $('#map').gmap().bind('init', function(ev, map) { 
        $('#map').gmap('addMarker', {'position': 
'57.7973333,12.0502107', 'bounds': true}).click(function() { 
            $('#map').gmap('openInfoWindow', {'content': 
'Hello World!'}, this); 
        }); 
    });  }); 
</script> 

</head>
<body id="content" style="display: none;">
<div data-role="page" id="page">
<div id="map" style="width: 300px; height: 300px;"></div>
</div>


<script src="js/initOptions.js"></script>
<script src="js/test_geo.js"></script>
<script src="js/messages.js"></script>
</body>
</html>