<div>{{rangeVal}}</div>
{{input value=rangeVal min=0 max=10 step=0 type="range" action="rangeChanged" on="change" name="range"}}


<!-- code -->
define(
    [
        'emberjs',
        'Library/jquery-with-dependencies',
        'text!./MediaRange.html'
    ],
    function (Ember, $, template) {
        'use strict';
        return Ember.View.extend({
            template: Ember.Handlebars.compile(template),
            rangeVal: 0,
            actions: {
                rangeChanged :  function() { console.info('Bananas 2'); }
            }
        });
    });