title: Clear dropdown using jQuery Select2
body: <p>I'm trying to programmatically clear a drop down using the fantastic <a href="http://ivaynberg.github.com/select2/">Select2</a> library. The drop down is dynamically filled with a remote ajax call using the Select2 <code>query</code> option.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;input id="remote" type="hidden" data-placeholder="Choose Something" /&gt;
  </code></pre>
  
  <p>Javascript:</p>
  
  <pre><code>        var $remote = $('#remote');
  
          $remote.select2({
              allowClear: true,
              minimumInputLength: 2,
              query: function(options){
                  $.ajax({
                      dataType: 'json',
                      url: myURL + options.term,
                      error: function(jqXHR, textStatus, errorThrown){
                          smoke.alert(textStatus + ": server returned error on parsing arguments starting with " + options.term);
                      },
                      success: function(data, textStatus, jqXHR){
                          var results = [];
                          for(var i = 0; i &lt; data.length; ++i){
                              results.push({id: data[i].id, text: data[i].name});
                          }
  
                          options.callback({results: results, more: false});
                      }
                  });
              }
          });
  </code></pre>
  
  <p>Unfortunately, the call to <code>$remove.select2('val', '')</code> throws the following exception:</p>
  
  <pre><code> Uncaught Error: cannot call val() if initSelection() is not defined
  </code></pre>
  
  <p>I've tried setting the <code>attr</code>, setting the <code>val</code>, <code>text</code> and the Select2 specific <code>data</code> function. Can't seem to make the guy clear and work in a radio button like manner. Anyone got suggestions?</p>