jquery - 別のdivに基づいてDivを変更する方法

Question

このような私のコード:

#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;
}

および次のような Html コード:

<div id="right-menu">

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

右メニューのチェックボックスを移動しようとしましたが、これは機能しません

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

jqueryで右メニューの選択要素を移動するのを手伝ってください