diff --git a/js/page-pins-map.js b/js/page-pins-map.js
index e2d8a21..564ce8a 100644
--- a/js/page-pins-map.js
+++ b/js/page-pins-map.js
@@ -14,6 +14,8 @@ jQuery('document').ready(function(){
         // reinit map in case google maps loaded before this script did
         initMap();
     }
+    jQuery('#travelers-filter-button').on('click', filterByTravelerClick);
+    jQuery('#travelers-reset-button').on('click', resetFilter);
 });
 var markers = [];
 function initMap() {
@@ -54,6 +56,10 @@ function filterByTravelerClick(){
     filterMarkersByTravelers(travelers);
 }
 
+function resetFilter(){
+    filterMarkersByTravelers(traveler);
+}
+
 function filterMarkersByTravelers(travelers){
     for(var i=0; i<markers.length; i++){
         markers[i].setVisible(false);
diff --git a/page-pins.php b/page-pins.php
index 1d57d35..587a955 100644
--- a/page-pins.php
+++ b/page-pins.php
@@ -35,8 +35,8 @@
                 <ul id="travelers-select"></ul>
 
                 <div style="clear: both; float: left; display: block; position: relative;margin-top: 20px;">
-                    <a class="button" style="color:white" id="travelers-filter-button" onclick="filterByTravelerClick();">Filter</a>
-                    <a class="button" style="color:white" id="travelers-reset-button" onclick="filterByTravelerClick();">Reset</a>
+                    <a class="button" style="color:white" id="travelers-filter-button">Filter</a>
+                    <a class="button" style="color:white" id="travelers-reset-button">Reset</a>
                 </div>
 					
 			    	<?php wp_link_pages('before=<div class="clear"></div><p class="page-links">' . __( 'Pages:', 'hitchcock' ) . ' &after=</p>&seperator= <span class="sep">/</span> '); ?>