<form method ='POST' action='' name='mykave' id='mykave'>
    <input type='text' name='item' id='item' autocomplete='on'><br/>
    <input type='button' name='recPurchase' id='recPurchase' value='Recurring Purchase'></input>
    <input type='button' name='remPurchase' id='remPurchase' value='Remove Purchase'></input>
    <div id='displayItem'>
    <select id='selectItem' name='selectItem' multiple='' class='newSelect' style=' width: 270px;height: auto;'>
    </select>
    </div>
    <input type='button' name='ok' id='ok' value='ok'>
</form>";

$(document).ready(function(){
        dataArray=new Array;
         $( "#recPurchase" ).click(function() {
             var itemVal=$("#item").val();
             $('#displayItem .newSelect').prepend('<option name='+itemVal+' value='+itemVal+'>'+itemVal+'</option>');
});
         $( "#remPurchase" ).click(function() {
           $('.newSelect option:selected').remove();
         });
   });