title: Clear multiple select jquery-select2
body: <p>I am trying to create a reset button for jquery-select2 multiple select. I have no idea why my solution doesn't work.</p>
  
  <p>Html:</p>
  
  <pre><code>&lt;select id="workload-selector" class="js-source-states-2" multiple="multiple" style="width: 100%"&gt;             
    &lt;option value="haha"&gt;haha&lt;/option&gt;
    &lt;option value="haha2"&gt;haha2&lt;/option&gt;
    &lt;option value="haha3"&gt;haha3&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;button id="reset"&gt;
  Reset
  &lt;/button&gt;
  </code></pre>
  
  <p>Javascript:</p>
  
  <pre><code>$("#workload-selector").select2();
  $("#reset").click(function(){
    $("#workload-selector option:selected").removeAttr("selected");
  });
  </code></pre>
  
  <p>I made it on jsFiddle:
  <a href="https://jsfiddle.net/DTcHh/41975/" rel="noreferrer">https://jsfiddle.net/DTcHh/41975/</a></p>