Eu estou tentando definir um novo vale de um atributo personalizado de uma div usandoattr(). Eu descobri que isso pode ser feito usando.attr( attributeName, value ), mas quando eu tento não está funcionando.

Aqui está a parte do meu código que eu estou interessado em:

$('#amount').attr( 'datamin','1000')

e adiv que tem o atributo personalizado é

<div id="amount" datamin=""></div>

Aqui está o exemplo inteiro:

$(function() {
    $( "#slider-range" ).slider({
        range: true,
        min: <?php echo $min_val;?>,
        max: <?php echo $max_val;?>,
        values: [ <?php echo $min_val;?>, <?php echo $max_val;?> ],
        slide: function( event, ui ) {
            $( "#amount" ).html( "<?php echo $currency_chk_i;?>" + ui.values[ 0 ] + " - <?php echo $currency_chk_i;?>" + ui.values[ 1 ] );

            $('#amount').attr( 'datamin','1000');

        },
        change: function(event, ui) {
            // when the user change the slider
        },
        stop: function(event, ui) {
        alert(ui.values[0]);
            // when the user stopped changing the slider

        }
    });
    $( "#amount" ).html( "<?php echo $currency_chk_i;?>" + $( "#slider-range" ).slider( "values", 0 ) +
        " - <?php echo $currency_chk_i;?>" + $( "#slider-range" ).slider( "values", 1 ) );

});

Alguém pode apontar onde estou errado ou de outra maneira?