jQuery Combo-box

HTML

<table>
    <tr>
        <td>
            <label>All Value</label><br/>
          <select name="multi_list1" id="select1" multiple="multiple">
            <option value="name1">Name 1</option>
            <option value="name2">Name 2</option>
            <option value="name3">Name 3</option>
            <option value="name4">Name 4</option>
          </select>
         </td>
         <td>
            <a href="#" id="add">&gt;&gt;</a> <br/><br/>
            <a href="#" id="remove">&lt;&lt;</a>
        </td>
        <td>
            <label>Selected Value</label><br/>
        <select name="multi_list2[]" id="select2" multiple="multiple">
        </select>
        </td>
        <td>
            <a href="#" id="myButtonUp">&#94;</a> <br/><br/>
            <a href="#" id="myButtonDown">v</a>
        </td>
    </tr>
    
</table><input type="button" value="submit" class="vote"/>

JavaScript

$().ready(function() {
        $('#add').click(function() {
            return !$('#select1 option:selected').remove().appendTo('#select2');
        });
        $('#remove').click(function() {
            return !$('#select2 option:selected').remove().appendTo('#select1');
        });
        
        $('#myButtonUp').click(function(){
  				var current = $('#select2 option:selected');
  				current.prev().before(current);
				});

				$('#myButtonDown').click(function(){
  				var current = $('#select2 option:selected');
  				current.next().after(current);
				});
});


$(".vote").click(function(){
     alert($("#select2").val());
});