What is the right way to clear select2 dropdown?

by Adrian Carriger

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/css/select2.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/js/select2.min.js"></script>
<select id="StreamName">
  <option value="AL">Alabama</option>
  <option value="CA">California</option>
  <option value="WY">Wyoming</option>
</select>
<div class="testing">
  <button id="set-ca">
    Set California
  </button>
  <button id="set-null">
    Set Null
  </button>

</div>

CSS

#StreamName {
  width: 150px
}
.testing{
  margin-top: 20px;
}

JavaScript

$(document).ready(function() {
  $("#StreamName").select2();
  $("#StreamName").val(null).trigger("change");

  // For testing...
  $('#set-ca').click(function() {
    $("#StreamName").val("CA").trigger("change");
  });
  $('#set-null').click(function() {
    $("#StreamName").val(null).trigger("change");
  });
});