关于一个客户端的问题！！

HTML code
<select multiple="multiple" id="userid" style="width:200px; height:260px;">
<option>张三</option>
<option>李四</option>
</select>
<div>
<span id="add">选中添加到右边>></span>
<span id="add_all">全部添加到右边>></span>
</div>
<select multiple="multiple" id="userid2" style="width:200px; height:260px;">

</select>
<div>
<span id="remove"><<选中删除到左边</span>
<span id="remove_all"><<全部删除到左边</span>
</div>




jquery代码如下：
JScript code
$('#add').click(function(){
alert("aaa");
var $options=$('#userid option:selected');
var remove = $options.remove();
$remove.appendTo('#userid2');
})



最重效果 ：


我想 选中添加到右边>> 点击这个后 刚才所选的 就跑到右边去了 在左边 这些选择的也会消除。

但是现在貌似我点击 一点反应都没有！！大虾帮忙！！！