diff --git a/examples/vector-labels.html b/examples/vector-labels.html
index 8312c87256..db16e2f62c 100644
--- a/examples/vector-labels.html
+++ b/examples/vector-labels.html
@@ -68,7 +68,7 @@
       </div>
 
       <div class="edit-form">
-        <input type="button" value="Refresh" onclick="refreshPoints();" />
+        <input id="refresh-points" type="button" value="Refresh" />
         <h2>Points</h2>
         <div class="edit-form-elem">
           <label>Text: </label>
@@ -157,7 +157,7 @@
       </div>
 
       <div class="edit-form">
-        <input type="button" value="Refresh" onclick="refreshLines();" />
+        <input id="refresh-lines" type="button" value="Refresh" />
         <h2>Lines</h2>
         <div class="edit-form-elem">
           <label>Text: </label>
@@ -246,7 +246,7 @@
       </div>
 
       <div class="edit-form">
-        <input type="button" value="Refresh" onclick="refreshPolygons();" />
+        <input id="refresh-polygons" type="button" value="Refresh" />
         <h2>Polygons</h2>
         <div class="edit-form-elem">
           <label>Text: </label>
diff --git a/examples/vector-labels.js b/examples/vector-labels.js
index 88b9e3e3c5..d4dc281292 100644
--- a/examples/vector-labels.js
+++ b/examples/vector-labels.js
@@ -195,17 +195,17 @@ var map = new ol.Map({
   })
 });
 
-var refreshPoints = function() {
+$('#refresh-points').click(function() {
   vectorPoints.setStyle(createPointStyleFunction());
-};
+});
 
-var refreshLines = function() {
+$('#refresh-lines').click(function() {
   vectorLines.setStyle(createLineStyleFunction());
-};
+});
 
-var refreshPolygons = function() {
+$('#refresh-polygons').click(function() {
   vectorPolygons.setStyle(createPolygonStyleFunction());
-};
+});
 
 
 /**