jquery - how to change Div based on another div -

my code this:

#border-content3 {     margin: 15px auto;     padding: 1%;         position: relative;                  float: left;     } #right-menu {     min-width: 150px;        margin: 15px auto;     padding: 1%;         position: relative;     font-family: tahoma, geneva, sans-serif !important;     font-size: 12px !important;      float: right; } 

and html code this:

<div id="right-menu">   </div> <div id="border-content3"> <input name="test" class="test" id="test" value="a" type="checkbox" /> </div> 

i try moving checkbox on right menu,but not work this

$('#test').css("position","absolute"); $('#test').css("z-index","3000")); $('#test').animate({left:'400'},1000)); 

please me moving select element on right menu jquery

you have 3 typos in code. 2 ), , missing px

$('#test').css("position","absolute");  $('#test').css("z-index","3000") **)** ;  $('#test').animate({left:'400 **px** '},1000) **)** ; 

try this: http://jsfiddle.net/avrahamcool/gcgwv/3/

(tried on ff, chrome, ie 10, safari 5)