Setting new value for an attribute using jQuery

Question

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 id="amount" 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?

Answer 1

Works fine for me

See example here. http://jsfiddle.net/blowsie/c6VAy/

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 id="amount" data-min=""></div> 

---

Update,

A working example of your full code (pretty much) here. http://jsfiddle.net/blowsie/c6VAy/3/