title: Select2.js: why is id the same as text on change for removed?
body: <p>JSfiddle:  <a href="http://jsfiddle.net/cjVSj/" rel="nofollow">http://jsfiddle.net/cjVSj/</a></p>
  
  <p>I have a simple select2 with the range of possible tags set by the tags option and the preloaded tags set by values in the input field in the html.</p>
  
  <p>When the on change event fires on the select2, the removed item seems to lose its id, reporting instead its text value.</p>
  
  <p>To see the problem, adding a tag (e.g. west) correctly reports the added.id, but removing the existing east tags reports id = east, not 1356.</p>
  
  <p>Any insight into how to gain access to the id of a tag upon removal?</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;script&gt;
     var tags = [{ "id": 1354, "text": "north", "restricted": false
     }, {"id": 1355, "text": "south", "restricted": false
     }, {"id": 1356, "text": "east", "restricted": false
     }, {"id": 1357, "text": "west", "restricted": false
     }]; 
  &lt;/script&gt;tags:
  &lt;input type="text" id="mytags" value="east" /&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>   $(document).ready(function () {
         $('#mytags').select2({
             placeholder: 'Search',
             allowClear: true,
             minimumInputLength: 2,
             multiple: true,
             tags: tags,
             tokenSeparators: [','],
         });
  
  
         $('#mytags').on("change", function (e) {
             console.log("change " + JSON.stringify({
                 val: e.val,
                 added: e.added,
                 removed: e.removed
             }));
  
             if (e.added) {
                 alert('added: ' + e.added.text + ' id ' + e.added.id)
             } else if (e.removed) {
                 alert('removed: ' + e.removed.text + ' id ' + e.removed.id)
  
             }
         });
  
     });
  </code></pre>