title: Remove a selected item from multiple select2 box on removal of selected item from another multiple select 2 box
body: <p>I have two multiple select2 boxes, Box1 options are populated dynamically,when i select any option from this select box, it should get added to the new Box2. This scenario is working as required. Problem i am facing is. When i remove any selected item from the Box1, i am able to remove it from Box2. But if that item is selected in Box2 it still remains.</p>
  
  <p>Ex: A,B,C are selected values in Box 1, Box2 gets populated with A,B,C. If i select B,c in Box 2 and if i remove B from Box1. My Box2 items will now be AC. But B,C will still remain selected in Box2.</p>
  
  <p>Can anyone help me in solving this tricky problem.</p>
  
  <pre><code>$("#Box1").on("change", function() {
  
      var box1List = $('#Box1').val();
  
      $('#Box2').empty();
  
      for (var key in box1List) {
          var valueField = box1List[key];
          var textField = $("#Box1 &gt; option[value='"+valueField+"']").text();
          $("#Box2").append($('&lt;option&gt;', {value: valueField, text: textField}));
      }
  });
  
  
  
  $("#Box1").on("select2-removed", function(e) {
  
      console.log("removed val=" + e.val + " choice=" + e.choice.text);
  
      $('#Box2 option[value="'+e.val+'"]').remove();
  
  });
  </code></pre>