How to change css position left to right using jquery?

Question

I have a div with left value i wanted to change it to right side with values

#check
{
    left:50px;
    top:20px;
    position:relative;
    width:100px;
    height:100px;
    background:rgb(100,200,0);
}

So i tried jquery like this

$(document).ready(function(){

    $('#check').css('right','20px');

});

is this possible?.i tried searching but all are with the same attribute different value changes. Here is the Fiddle

Answer 1

You have to set left to default, and the value for right:

$(document).ready(function(){

 $('#check').css({
  'right':'20px',
  'left': 'auto'
 });

});

JSfiddle thanks to MackieeE