title: Select2 Dropdown Dynamically Add, Remove and Refresh Items from
body: <p>This drives me crazy! Why cant Select2 implement clear methods or examples on their page how to do simple CRUD manipulation on Select2 :)</p>
  
  <p>i have a select2 which gets data from a ajax call.</p>
  
  <pre><code>&lt;input id="valueg" type="hidden" style="width: 300px;" data-placeholder="Select a Conference" /&gt;
  
  $("#valueg").select2({
               data: conferences,
               allowClear: true,
               initSelection: function (element, callback) {
                              var data = { id: element.val(), text: element.val() };
                              callback(data);
                          }
  }).on("change", function (e) {
   // show data in separate div when item is selected               
  });
  </code></pre>
  
  <p>Can some one provide a clear method how to delete and add an item from the Select2. </p>
  
  <p>For example:</p>
  
  <p>I add an item via ajax call to db, and just want to append an option to Select2 and set it as selected.</p>
  
  <p>I remove an item via ajax to db, and want to remove an option from Select2 and have no option selected.</p>