title: How to clear select2 dropdown?
body: <p>I am working on a requirement that I have to clear a select2 dropdown box after form submission through ajax. I have searched &amp; tried few solutions but didn't work though.</p>
  
  <p>my select2 code is:</p>
  
  <pre><code>$(document).ready(function(){
   $("#my_select_id").select2({
        placeholder: "Select One Option",
        allowClear: true,
        initSelection: function(element, callback) { }
   }); 
  })
  </code></pre>
  
  <p>Script to clear select2 is:</p>
  
  <pre><code>$('#my_select_id').select2("val", "");
  </code></pre>
  
  <p>Could anyone please tell what's wrong in this code, Thanks.</p>