ช่วยด้วยครับ ต้องการค้นหาค่าที่พิมพ์ใน text box ใน array มาแสดงใน listbox โดยเอาค่า value มาด้วย

<style type='text/css'>
.column{
    display:inline-block;
}
.selection{
    width:190px;
    height:100px;
}
</style>
<div class='column'>
    <select id='left' multiple rows='5' class='selection'>
        <option value='A1'>FG-A22-xxxx สะดืออ่าง cotto</option>
        <option value='A2'>FG-A23-xxxx สะดืออ่าง nahm</option>
        <option value='A3'>FG-A24-xxxx สะดืออ่าง cohe</option>
        <option value='B1'>SG-A702-xxxx ก๊อกอ่าง cotto</option>
        <option value='B2'>SG-A712-xxxx ก๊อกอ่าง Sunwa</option>
        <option value='B3'>SG-A732-xxxx ก๊อกอ่าง nahm</option>        
    </select>
</div>
<div class='column'>
    <button id='left2right'>=></button><br />
    <button id='right2left'><=</button>
</div>
<div class='column'>
    <select id='right' multiple rows='5' class='selection' >
    </select>
</div>
<div>Search:<input type='text' id='search' /></div>

<script src='https://code.jquery.com/jquery-1.11.3.min.js'></script>
<script>
$(document).ready(function(){
    $("#search").keyup(function(){
        var searchtext = $(this).val();
        $("#left option").each(function(index,val){
            if($(this).text().search(searchtext)>=0){
                $(this).css('display','block');
            }else{
                $(this).css('display','none');
            }
        });
    });
    $("#left2right").click(function(){
        var selectionVal = $("#left option:selected");
        $("#right").append(selectionVal);
    });
    $("#right2left").click(function(){
        var selectionVal = $("#right option:selected");
        $("#left").append(selectionVal);
    });
});
</script>