How to change nouislider slider margin with selected option value?

How to change nouislider slider margin with selected option value?

I am trying to change Margin with selected option value. When i am trying to change, not getting any change in Slider margin.

Slider Reference :  http://refreshless.com/nouislider/

http://jsfiddle.net/x69Qb/2/

  1. $("#slider-margin").noUiSlider({
    start: [20, 80],
    margin: 30,
    range: {
    'min': 0,
    'max': 100
    }
    });

  3. $("#margin").on('change', function () {
    var marginVal= $(this).val();
    $("#slider-margin").noUiSlider({
    start: [20, 80],
    margin: marginVal,
    range: {
    'min': 0,
    'max': 100
    }
    }, true);
    });