Estoy tratando de establecer un nuevo valor de un atributo personalizado de un div usandoattr(). Descubrí que se puede hacer usando.attr( attributeName, value ), pero cuando lo intento no funciona.

Aquí está la parte de mi código que me interesa:

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

y eldiv que tiene el atributo personalizado es

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

Aquí está el ejemplo completo:

$(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 ) );

});

¿Alguien puede indicar dónde estoy equivocado o de alguna otra manera?