当选中单选按钮时,如何将元素的位置更改为左侧?

$("#redRadio").click(function() {
  $('#test').css('margin-left', '100px');
});

#test {
  height: 100px;
  width: 100px;
  background-color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="">
  <input id="redRadio" type="radio" name="color" value="red">Red<br>
</form>

<div id="test"></div>

function moveRed() {
  document.getElementById("test").style.marginLeft = "100px";
}

#测试{
高度:100px;
宽度:100px;
背景色:红色;
}

<form action="">
  <input onclick="moveRed()" id="redRadio" type="radio" name="color" value="red">Red<br>
</form>

<div id="test"></div>