title: Select box multiselect option not able to clear using JQuery on Microsoft edge browser
body: <p>I am trying to clear all selected option using JQuery on Microsoft Edge browser.</p>
  
  <p>Other than Edge it is working fine.</p>
  
  <p>On Edge it is working but still Edge shows as selected.</p>
  
  <p>If I hover on select box <strong>after click on Clear All button</strong> then it deselect all option</p>
  
  <p>Below is my code.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;input type="button" id='clear' value="Clear All"/&gt;
  
  
  &lt;select id="filter_value_1" style="width:200px;" multiple&gt;
    &lt;option&gt;A&lt;/option&gt;
    &lt;option&gt;B&lt;/option&gt;
    &lt;option&gt;C&lt;/option&gt;
    &lt;option&gt;D&lt;/option&gt;
    &lt;option&gt;E&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>JS code</p>
  
  <pre><code>$(document).ready(function(){
  
      $("#clear").click(function(){
      $("#filter_value_1 option:selected").removeAttr("selected");
  
    });
  });
  </code></pre>
  
  <p>Demo</p>
  
  <p><a href="https://jsfiddle.net/c7jk6bpg/4/" rel="nofollow noreferrer">https://jsfiddle.net/c7jk6bpg/4/</a> </p>