<input id='slider1' type='range' min='1' max='10' value='1'/>
<input id='slider2' type='range' min='1' max='10' value='10'/>

$(document).ready(function() {
    var max_total = 11;
    $("#slider1").on("change", function(){
        var slider1 = this.value;
        $("#slider2").prop("value", max_total - slider1);
    });
});