IonRangeSlider click propagation problem

When the slider handle is clicked, the event is propagated to objects below, which can cause problems. In this example, moving the slider drags the box.

HTML

<link rel="stylesheet" href="http://ionden.com/a/plugins/ion.rangeSlider/static/css/ion.rangeSlider.css">
<script src="http://ionden.com/a/plugins/ion.rangeSlider/static/js/ion-rangeSlider/ion.rangeSlider.js"></script>
<link rel="stylesheet" href="http://ionden.com/a/plugins/ion.rangeSlider/static/css/ion.rangeSlider.skinHTML5.css">
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<div id="data-chart"></div>

JavaScript

var $range = $('#data-chart');
    $range.ionRangeSlider({
        type: 'single',
        grid: true,
        grid_num: 10,
        min: 0,
        max: 5000,
        from: {{ number_format($res['ga:adCost'], 2) }},
                          prefix: 'Media Cost $',
                          step: 0.01,
                          prettify_enabled: true,
                          prettify_separator: ',',
                          keyboard: true
                          });
    $range.on('change', function () {
        var $this = $(this), from = $this.data('from');
        $('.leads').html('<i class="fa fa-bullhorn"></i> '+from);
        console.log(from);
    });