title: Select2 Dependent dropdown lists
body: <p>I am trying to use the Select2 plugin to have 4 dropdown lists that depend on each other. I have struggled to find the right way to update the data that loads the options in.</p>
  
  <p>My goal is to load the new data via ajax, but once I have it in the client I am unable to add the new data to the select list.</p>
  
  <p>The code I have tried is here:</p>
  
  <pre><code>$(#"a3").select2({
      placeholder: "select an item",
      allowClear: true}).on("change",
      function (e) {
           var results = $.get("url?id=2",
              function (data, textStatus, jqXHR) {
                  $(this).select2({ data: { results: data, text: "Name" } });
          });
      }
  ); 
  </code></pre>
  
  <p>There is another question here
  <a href="https://stackoverflow.com/questions/13268083/select2-changing-items-dynamically?rq=1">select2 changing items dynamically</a>
  but the solution there worked with Select2 v3.2 but not Select2 v3.3</p>