I cannot figure out how to capture the change in value on the bootstrap-slider plugin.

Read the documentation. Tried many, many things.

```
<div class="form-group">
  <label class="col-md-4 control-label" for="language_spanhish">Spanish</label>
  <div class="col-md-6">
    <input id="language_spanish" type="text" data-provide="slider"
      data-slider-ticks="[0, 1, 2]"
      data-slider-min="0"
      data-slider-max="2"
      data-slider-step="1"
      data-slider-value="0"
      data-slider-tooltip="show"
      onchange="alert('you changed it')"
    />
  </div>
</div>

```

Tried (no success):

```
    document.getElementById("#language_spanish").getAttribute("data-slider-value");
        var getIt = $('#language_spanish').data('slider').getValue();
        alert(getIt);
spanish.on("slide", function(slideEvt) { console.log(slider.getValue() ); alert(slideEvt.value); });
        $('#language_spanish').slider().on('slide', function(ev){ alert("I changed it") });

```

Just looking for anyone out there that has successfully captured the change in value on the slider. Please post back if the plugin does not support the ability to capture the change in value.

One console log error I get from some of the attempts is:

Uncaught ReferenceError: $ is not defined