I want to deselect the selected option in multiple select based on the selected option's value

I have already tried

jQuery remove selected option from this
and

jQuery remove options from select

<select size=5 id=skills  multiple>

  <option value=0>Choose - Skills</option>

  <option value=19>Analytics</option>

  <option value=20>Android</option>

</select>



<input type=button id=addskills value=Add>





<div class=skill-text>

</div>



<script>

$(function(){

    $('#addskills').on('click', function(){

        $('#skills :selected').each(function(i, selected){

            var text = $(this).text();

            var value = $(this).val();

            $('.skill-text').prepend(<span class='removeskill' data-id='+value+'>+text+<i class='fa fa-times' ></i></span>);

        });     

    });



    $('body').on('click',.removeskill, function(){

        var id = $(this).data(id);

        //$('body').find(#skills option[value=+id+]).removeAttr(selected);

        //$('#skills :selected').find(option[value=+id+]).removeAttr(selected);

        $('#skills :selected').each(function(i, selected){

            if($(this).val() == id){

               alert('inside if');

               $(this).removeAttr('selected');

            }

        });

    });

})

</script>

please see the fiddle https://jsfiddle.net/sxf6v3mt/2/