Setting new value for an attribute using jQuery

I am trying to set a new vale of a custom attribute of a div using attr(). I found out it can be done using .attr( attributeName, value ), but when I try it it's not working.

Here is the part of my code I am interested in:

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

and the div that has the custom attribute is

<div datamin=""></div> 

Here is the whole example:

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

Can anyone point out where I am wrong or any other way out?

2 Answers

Works fine for me

See example here.

Make sure your jquery is inside $(document).ready function or similar.

Also you can improve your code by using jquery data

$('#amount').data('min','1000'); <div></div> 

Update,

A working example of your full code (pretty much) here.

It is working you have to check attr after assigning value

LiveDemo

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