diff --git a/examples/beer-search/static/index.html b/examples/beer-search/static/index.html
index 50367973..76892842 100644
--- a/examples/beer-search/static/index.html
+++ b/examples/beer-search/static/index.html
@@ -37,6 +37,7 @@
             <li><a href="/search/match_phrase/">Match Phrase Search</a></li>
             <li><a href="/search/boolean/">Boolean Search</a></li>
             <li><a href="/search/syntax/">Syntax Search</a></li>
+            <li><a href="/search/numeric_range/">Numeric Range Search</a></li>
             <li><a href="/search/debug/">Debug</a></li>
           </ul>
         </div>
diff --git a/examples/beer-search/static/js/app.js b/examples/beer-search/static/js/app.js
index 9177e4a1..d049c943 100644
--- a/examples/beer-search/static/js/app.js
+++ b/examples/beer-search/static/js/app.js
@@ -17,6 +17,7 @@ config(['$routeProvider', '$locationProvider', function($routeProvider, $locatio
   $routeProvider.when('/search/match_phrase/', {templateUrl: '/static/partials/search/match_phrase.html', controller: 'SearchCtrl'});
   $routeProvider.when('/search/boolean/', {templateUrl: '/static/partials/search/boolean.html', controller: 'SearchCtrl'});
   $routeProvider.when('/search/syntax/', {templateUrl: '/static/partials/search/syntax.html', controller: 'SearchCtrl'});
+  $routeProvider.when('/search/numeric_range/', {templateUrl: '/static/partials/search/numeric_range.html', controller: 'SearchCtrl'});
   $routeProvider.when('/search/debug/', {templateUrl: '/static/partials/debug.html', controller: 'DebugCtrl'});
   $routeProvider.otherwise({redirectTo: '/overview'});
   $locationProvider.html5Mode(true);
diff --git a/examples/beer-search/static/js/search.js b/examples/beer-search/static/js/search.js
index acc58289..4b27b39c 100644
--- a/examples/beer-search/static/js/search.js
+++ b/examples/beer-search/static/js/search.js
@@ -53,6 +53,25 @@ function SearchCtrl($scope, $http, $routeParams, $log, $sce) {
         });
     };
 
+    $scope.searchNumericRange = function() {
+        $http.post('/api/search', {
+            "size": 10,
+            "explain": true,
+            "highlight":{},
+            "query": {
+                "min": parseFloat($scope.min),
+                "max": parseFloat($scope.max),
+                "field": $scope.field,
+            }
+        }).
+        success(function(data) {
+            $scope.processResults(data);
+        }).
+        error(function(data, code) {
+
+        });
+    };
+
     $scope.searchMatch = function() {
         $http.post('/api/search', {
             "size": 10,
diff --git a/examples/beer-search/static/partials/search/numeric_range.html b/examples/beer-search/static/partials/search/numeric_range.html
new file mode 100644
index 00000000..1d899e61
--- /dev/null
+++ b/examples/beer-search/static/partials/search/numeric_range.html
@@ -0,0 +1,31 @@
+<h1 class="page-header">Numeric Range Search</h1>
+
+<form class="form-horizontal" role="form">
+        <div class="form-group">
+                <label for="inputField" class="col-sm-2 control-label">Field</label>
+                <div class="col-sm-10">
+                    <select ng-model="field" id="inputField" class="form-control">
+                            <option ng-repeat="fn in fieldNames">{{fn}}</option>
+                    </select>
+                </div>
+        </div>
+        <div class="form-group">
+                <label for="inputMin" class="col-sm-2 control-label">Min</label>
+                <div class="col-sm-10">
+                        <input ng-model="min" type="text" class="form-control" id="inputMin" placeholder="">
+                </div>
+        </div>
+        <div class="form-group">
+                <label for="inputMax" class="col-sm-2 control-label">Max</label>
+                <div class="col-sm-10">
+                        <input ng-model="max" type="text" class="form-control" id="inputMax" placeholder="">
+                </div>
+        </div>
+        <div class="form-group">
+                <div class="col-sm-offset-2 col-sm-10">
+                        <button type="submit" class="btn btn-primary" ng-click="searchNumericRange()">Search</button>
+                </div>
+        </div>
+</form>
+
+<div ng-show="results" ng-include src="'/static/partials/search/results.html'">
\ No newline at end of file